From 106528977a25b5e5d9378c276ffe0618f202696e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Morav=C4=8D=C3=ADk=2C=20Marian?=
 <marian.moravcik@emea.ironmountain.com>
Date: Thu, 7 May 2020 15:24:20 +0200
Subject: [PATCH] WIP

---
 bazarr/get_episodes.py    |   3 +-
 static/css/bazarr.css     |   1 -
 static/css/bazarr.css.map |   2 +-
 static/scss/bazarr.scss   |   1 -
 views/_main.html          | 662 +++++++++++++++++++-------------------
 5 files changed, 337 insertions(+), 332 deletions(-)

diff --git a/bazarr/get_episodes.py b/bazarr/get_episodes.py
index c30d9ba1e..4ac83fab6 100644
--- a/bazarr/get_episodes.py
+++ b/bazarr/get_episodes.py
@@ -161,8 +161,7 @@ def sync_episodes():
             event_stream.write(type='episode', action='insert', series=added_episode['sonarrSeriesId'],
                                episode=added_episode['sonarrEpisodeId'])
         else:
-            logging.debug('BAZARR unable to insert this episode into the database:',
-                          path_replace(added_episode['path']))
+            logging.debug('BAZARR unable to insert this episode into the database:{}'.format(path_replace(added_episode['path'])))
 
     # Store subtitles for added or modified episodes
     for i, altered_episode in enumerate(altered_episodes, 1):
diff --git a/static/css/bazarr.css b/static/css/bazarr.css
index 1131b3ab4..2c765107a 100644
--- a/static/css/bazarr.css
+++ b/static/css/bazarr.css
@@ -33,7 +33,6 @@ body {
 .buttons_bars {
   position: fixed;
   top: 60px;
-  width: 100%;
   z-index: 19; }
 
 .topbar {
diff --git a/static/css/bazarr.css.map b/static/css/bazarr.css.map
index 6a6e2f1d0..9b90c2302 100644
--- a/static/css/bazarr.css.map
+++ b/static/css/bazarr.css.map
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "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",
+"mappings": "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",
 "sources": ["../scss/bazarr.scss","../scss/variable.scss"],
 "names": [],
 "file": "bazarr.css"
diff --git a/static/scss/bazarr.scss b/static/scss/bazarr.scss
index b47ee91a1..bd1f033a2 100644
--- a/static/scss/bazarr.scss
+++ b/static/scss/bazarr.scss
@@ -30,7 +30,6 @@ body {
 .buttons_bars {
   position: fixed;
   top: 60px;
-  width: 100%;
   z-index: 19;
 }
 
diff --git a/views/_main.html b/views/_main.html
index 7a8eef853..ada1345d3 100644
--- a/views/_main.html
+++ b/views/_main.html
@@ -1,9 +1,9 @@
 <!doctype html>
 <html lang="en">
-    <head>
-        <title>{% block title %}Bazarr{% endblock %}</title>
+<head>
+    <title>{% block title %}Bazarr{% endblock %}</title>
 
-        {% block head_meta %}
+    {% block head_meta %}
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <meta name="mobile-web-app-capable" content="yes"/>
         <meta name="apple-mobile-web-app-capable" content="yes"/>
@@ -17,9 +17,9 @@
         <meta name="msapplication-config" content="{{ url_for('static',filename='browserconfig.xml') }}">
         <meta name="theme-color" content="#ffffff">
 
-        {% endblock head_meta %}
+    {% endblock head_meta %}
 
-        {% block head_css %}
+    {% block head_css %}
         <link href="{{ url_for('static',filename='plugins/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
         <!-- Custom CSS -->
         <link href="{{ url_for('static',filename='css/style.css') }}" rel="stylesheet">
@@ -37,12 +37,12 @@
               href="{{ url_for('static',filename='datatables/buttons.dataTables.min.css') }}">
         <link rel="stylesheet" type="text/css"
               href="{{ url_for('static',filename='plugins/datatables.net-bs4/css/dataTables.bootstrap4.min.css') }}">
-        <link rel="stylesheet" href="{{ url_for('static',filename='css/bootstrap-select.css') }}" />
-        <link rel="stylesheet" href="{{ url_for('static',filename='css/jquery.typeahead.min.css') }}" />
+        <link rel="stylesheet" href="{{ url_for('static',filename='css/bootstrap-select.css') }}"/>
+        <link rel="stylesheet" href="{{ url_for('static',filename='css/jquery.typeahead.min.css') }}"/>
 
-        {% endblock head_css %}
+    {% endblock head_css %}
 
-        {% block head %}
+    {% block head %}
         <style>
             .table td, .table th {
                 padding: .4rem !important;
@@ -53,336 +53,344 @@
                 border: 1px solid #ced4da;
             }
         </style>
-        {% endblock head %}
+    {% endblock head %}
 
-        {% block page_head %}
-        {% endblock page_head %}
+    {% block page_head %}
+    {% endblock page_head %}
 
-        {% block head_tail %}
-        {% endblock head_tail %}
+    {% block head_tail %}
+    {% endblock head_tail %}
 
-    </head>
-    <body class="fix-header fix-sidebar card-no-border">
+</head>
+<body class="fix-header fix-sidebar card-no-border">
+<!-- ============================================================== -->
+<!-- Preloader - style you can find in spinners.css -->
+<!-- ============================================================== -->
+<div class="preloader">
+    <svg class="circular" viewBox="25 25 50 50">
+        <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"></circle>
+    </svg>
+</div>
+{% block page_body %}
+    <!-- ============================================================== -->
+    <!-- Main wrapper - style you can find in pages.scss -->
+    <!-- ============================================================== -->
+    <div id="main-wrapper">
         <!-- ============================================================== -->
-        <!-- Preloader - style you can find in spinners.css -->
+        <!-- Topbar header - style you can find in pages.scss -->
         <!-- ============================================================== -->
-        <div class="preloader">
-            <svg class="circular" viewBox="25 25 50 50">
-                <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"></circle>
-            </svg>
-        </div>
-    {% block page_body %}
-        <!-- ============================================================== -->
-        <!-- Main wrapper - style you can find in pages.scss -->
-        <!-- ============================================================== -->
-        <div id="main-wrapper">
-            <!-- ============================================================== -->
-            <!-- Topbar header - style you can find in pages.scss -->
-            <!-- ============================================================== -->
-            <header class="topbar">
-                <nav class="navbar top-navbar navbar-expand-md navbar-light">
+        <header class="topbar">
+            <nav class="navbar top-navbar navbar-expand-md navbar-light">
+                <!-- ============================================================== -->
+                <!-- Logo -->
+                <!-- ============================================================== -->
+                <div class="navbar-header">
+                    <a class="navbar-brand" href="{{ url_for('redirect_root') }}">
+                        <!-- Logo icon -->
+                        <b>
+                            <img src="{{ url_for('static',filename='logo128.png') }}" alt="homepage" width="40"
+                                 class="dark-logo"/>
+                        </b></a>
+                    <!--End Logo icon -->
+                    <!-- Logo text -->
+                </div>
+                <!-- ============================================================== -->
+                <!-- End Logo -->
+                <!-- ============================================================== -->
+                <div class="navbar-collapse">
                     <!-- ============================================================== -->
-                    <!-- Logo -->
+                    <!-- toggle and nav items -->
                     <!-- ============================================================== -->
-                    <div class="navbar-header">
-                        <a class="navbar-brand" href="{{ url_for('redirect_root') }}">
-                            <!-- Logo icon -->
-                            <b>
-                                <img src="{{ url_for('static',filename='logo128.png') }}" alt="homepage" width="40"
-                                     class="dark-logo"/>
-                            </b></a>
-                        <!--End Logo icon -->
-                        <!-- Logo text -->
-                    </div>
-                    <!-- ============================================================== -->
-                    <!-- End Logo -->
-                    <!-- ============================================================== -->
-                    <div class="navbar-collapse">
+                    <ul class="navbar-nav mr-auto mt-md-0">
+                        <!-- This is  -->
+                        <li class="nav-item"><a
+                                class="nav-link nav-toggler d-block d-md-none text-muted hidden-xl-up"
+                                href="javascript:void(0)"><i class="mdi mdi-menu"></i></a></li>
+                        <li class="nav-item"><a
+                                class="nav-link sidebartoggler d-none d-md-block text-muted hidden-xl-up"
+                                href="javascript:void(0)"><i class="ti-menu"></i></a></li>
                         <!-- ============================================================== -->
-                        <!-- toggle and nav items -->
+                        <!-- Search -->
                         <!-- ============================================================== -->
-                        <ul class="navbar-nav mr-auto mt-md-0">
-                            <!-- This is  -->
-                            <li class="nav-item"><a
-                                    class="nav-link nav-toggler d-block d-md-none text-muted hidden-xl-up"
-                                    href="javascript:void(0)"><i class="mdi mdi-menu"></i></a></li>
-                            <li class="nav-item"><a
-                                    class="nav-link sidebartoggler d-none d-md-block text-muted hidden-xl-up"
-                                    href="javascript:void(0)"><i class="ti-menu"></i></a></li>
-                            <!-- ============================================================== -->
-                            <!-- Search -->
-                            <!-- ============================================================== -->
-                            <li class="nav-item hidden-sm-down search-box">
-                                <form class="form-material">
-                                    <div class="typeahead__container">
-                                        <div class="typeahead__field">
-                                            <div class="typeahead__query">
-                                                <input class="form-control text-white js-typeahead" id="search" placeholder="Search..." autocomplete="off">
-                                            </div>
+                        <li class="nav-item hidden-sm-down search-box">
+                            <form class="form-material">
+                                <div class="typeahead__container">
+                                    <div class="typeahead__field">
+                                        <div class="typeahead__query">
+                                            <input class="form-control text-white js-typeahead" id="search"
+                                                   placeholder="Search..." autocomplete="off">
                                         </div>
                                     </div>
-                                </form>
-                            </li>
-                        </ul>
-                        <!-- ============================================================== -->
-                        <!-- User profile and search -->
-                        <!-- ============================================================== -->
-                        <ul class="navbar-nav my-lg-0">
-                            <!-- ============================================================== -->
-                            <!-- Profile -->
-                            <!-- ============================================================== -->
-                            <li class="nav-item">
-                                <a class="nav-link text-muted fas fa-heart" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XHHRWXT9YB7WE&source=url" target=”_blank”></a>
-                            </li>
-                            <li class="nav-item dropdown">
-                                <a class="nav-link dropdown-toggle text-muted fas fa-user" href=""
-                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></a>
-                                <div class="dropdown-menu dropdown-menu-right scale-up">
-                                    <ul class="dropdown-user">
-                                        <li><a id="restart"><i class="fas fa-redo"></i> Restart</a></li>
-                                        <li><a id="shutdown"><i class="fas fa-power-off"></i> Shutdown</a></li>
-                                        {% if settings.auth.type != 'None' %}
-                                        <li><a href="{{ url_for('logout') }}"><i class="fas fa-sign-out-alt"></i> Logout</a></li>
-                                        {% endif %}
-                                    </ul>
                                 </div>
-                            </li>
-                        </ul>
-                    </div>
-                </nav>
-            </header>
-            <!-- ============================================================== -->
-            <!-- End Topbar header -->
-            <!-- ============================================================== -->
-            <!-- ============================================================== -->
-            <!-- Left Sidebar - style you can find in sidebar.scss  -->
-            <!-- ============================================================== -->
-            <aside class="left-sidebar">
-                <!-- Sidebar scroll-->
-                <div class="scroll-sidebar">
-                    <!-- Sidebar navigation-->
-                    <nav class="sidebar-nav">
-                        <ul id="sidebarnav">
-                            {% if settings.general.getboolean('use_sonarr') %}
+                            </form>
+                        </li>
+                    </ul>
+                    <!-- ============================================================== -->
+                    <!-- User profile and search -->
+                    <!-- ============================================================== -->
+                    <ul class="navbar-nav my-lg-0">
+                        <!-- ============================================================== -->
+                        <!-- Profile -->
+                        <!-- ============================================================== -->
+                        <li class="nav-item">
+                            <a class="nav-link text-muted fas fa-heart"
+                               href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XHHRWXT9YB7WE&source=url"
+                               target=”_blank”></a>
+                        </li>
+                        <li class="nav-item dropdown">
+                            <a class="nav-link dropdown-toggle text-muted fas fa-user" href=""
+                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></a>
+                            <div class="dropdown-menu dropdown-menu-right scale-up">
+                                <ul class="dropdown-user">
+                                    <li><a id="restart"><i class="fas fa-redo"></i> Restart</a></li>
+                                    <li><a id="shutdown"><i class="fas fa-power-off"></i> Shutdown</a></li>
+                                    {% if settings.auth.type != 'None' %}
+                                        <li><a href="{{ url_for('logout') }}"><i class="fas fa-sign-out-alt"></i> Logout</a>
+                                        </li>
+                                    {% endif %}
+                                </ul>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+            </nav>
+        </header>
+        <!-- ============================================================== -->
+        <!-- End Topbar header -->
+        <!-- ============================================================== -->
+        <!-- ============================================================== -->
+        <!-- Left Sidebar - style you can find in sidebar.scss  -->
+        <!-- ============================================================== -->
+        <aside class="left-sidebar">
+            <!-- Sidebar scroll-->
+            <div class="scroll-sidebar">
+                <!-- Sidebar navigation-->
+                <nav class="sidebar-nav">
+                    <ul id="sidebarnav">
+                        {% if settings.general.getboolean('use_sonarr') %}
                             <li id="series_nav"><a href="{{ url_for('series') }}"><i class="fas fa-play"></i><span
                                     class="hide-menu"> Series</span></a>
                             </li>
-                            {% endif %}
+                        {% endif %}
 
-                            {% if settings.general.getboolean('use_radarr') %}
+                        {% if settings.general.getboolean('use_radarr') %}
                             <li id="movies_nav"><a href="{{ url_for('movies') }}"><i class="fas fa-film"></i><span
                                     class="hide-menu"> Movies</span></a>
                             </li>
-                            {% endif %}
+                        {% endif %}
 
-                            <li><a href="#"><i class="fas fa-clock"></i><span class="hide-menu"> History</span></a>
-                                <ul aria-expanded="false" class="collapse">
-                                    {% if settings.general.getboolean('use_sonarr') %}
+                        <li><a href="#"><i class="fas fa-clock"></i><span class="hide-menu"> History</span></a>
+                            <ul aria-expanded="false" class="collapse">
+                                {% if settings.general.getboolean('use_sonarr') %}
                                     <li><a href="{{ url_for('historyseries') }}"> Series</a></li>
-                                    {% endif %}
-                                    {% if settings.general.getboolean('use_radarr') %}
+                                {% endif %}
+                                {% if settings.general.getboolean('use_radarr') %}
                                     <li><a href="{{ url_for('historymovies') }}"> Movies</a></li>
-                                    {% endif %}
-                                </ul>
-                            </li>
+                                {% endif %}
+                            </ul>
+                        </li>
 
-                            <li><a href="#"><i class="fas fa-exclamation-triangle"></i><span class="hide-menu"> Wanted</span></a>
-                                <ul aria-expanded="false" class="collapse">
-                                    {% if settings.general.getboolean('use_sonarr') %}
+                        <li><a href="#"><i class="fas fa-exclamation-triangle"></i><span
+                                class="hide-menu"> Wanted</span></a>
+                            <ul aria-expanded="false" class="collapse">
+                                {% if settings.general.getboolean('use_sonarr') %}
                                     <li><a href="{{ url_for('wantedseries') }}"> Series</a></li>
-                                    {% endif %}
-                                    {% if settings.general.getboolean('use_radarr') %}
+                                {% endif %}
+                                {% if settings.general.getboolean('use_radarr') %}
                                     <li><a href="{{ url_for('wantedmovies') }}"> Movies</a></li>
-                                    {% endif %}
-                                </ul>
-                            </li>
+                                {% endif %}
+                            </ul>
+                        </li>
 
-                            <li><a href="#"><i
-                                    class="fas fa-cogs"></i><span class="hide-menu"> Settings</span></a>
-                                <ul aria-expanded="false" class="collapse">
-                                    <li><a href="{{ url_for('settingsgeneral') }}"> General</a></li>
-                                    <li><a href="{{ url_for('settingssonarr') }}"> Sonarr</a></li>
-                                    <li><a href="{{ url_for('settingsradarr') }}"> Radarr</a></li>
-                                    <li><a href="{{ url_for('settingssubtitles') }}"> Subtitles</a></li>
-                                    <li><a href="{{ url_for('settingslanguages') }}"> Languages</a></li>
-                                    <li><a href="{{ url_for('settingsproviders') }}"> Providers</a></li>
-                                    <li><a href="{{ url_for('settingsnotifications') }}"> Notifications</a></li>
-                                    <li><a href="{{ url_for('settingsscheduler') }}"> Scheduler</a></li>
-                                </ul>
-                            </li>
+                        <li><a href="#"><i
+                                class="fas fa-cogs"></i><span class="hide-menu"> Settings</span></a>
+                            <ul aria-expanded="false" class="collapse">
+                                <li><a href="{{ url_for('settingsgeneral') }}"> General</a></li>
+                                <li><a href="{{ url_for('settingssonarr') }}"> Sonarr</a></li>
+                                <li><a href="{{ url_for('settingsradarr') }}"> Radarr</a></li>
+                                <li><a href="{{ url_for('settingssubtitles') }}"> Subtitles</a></li>
+                                <li><a href="{{ url_for('settingslanguages') }}"> Languages</a></li>
+                                <li><a href="{{ url_for('settingsproviders') }}"> Providers</a></li>
+                                <li><a href="{{ url_for('settingsnotifications') }}"> Notifications</a></li>
+                                <li><a href="{{ url_for('settingsscheduler') }}"> Scheduler</a></li>
+                            </ul>
+                        </li>
 
-                            <li><a href="#"><i
-                                    class="fas fa-laptop"></i><span class="hide-menu"> System</span></a>
-                                <ul aria-expanded="false" class="collapse">
-                                    <li><a href="{{ url_for('systemtasks') }}"> Tasks</a></li>
-                                    <li><a href="{{ url_for('systemlogs') }}"> Logs</a></li>
-                                    <li><a href="{{ url_for('systemproviders') }}"> Providers</a></li>
-                                    <li><a href="{{ url_for('systemstatus') }}"> Status</a></li>
-                                    <li><a href="{{ url_for('systemreleases') }}"> Releases</a></li>
-                                </ul>
-                            </li>
-                        </ul>
-                    </nav>
-                    <!-- End Sidebar navigation -->
-                </div>
-                <!-- End Sidebar scroll-->
-            </aside>
-            <!-- ============================================================== -->
-            <!-- End Left Sidebar - style you can find in sidebar.scss  -->
-            <!-- ============================================================== -->
-            <div class="page-wrapper">
-                <div class="container-fluid">
-                    {% block breadcrumb %}
-                        <!-- ============================================================== -->
-                        <!-- Bread crumb and right sidebar toggle -->
-                        <!-- ============================================================== -->
-                        <div id="buttons_bars" class="row page-titles buttons_bars">
-                            <div id="buttons_bar_left" class="col-md-5 col-8 align-self-center">
-                                {% block bcleft %}
-                                {% endblock bcleft %}
-                            </div>
-                            <div id="buttons_bar_right" class="col-md-7 col-4 align-self-center">
-                                {% block bcright %}
-                                {% endblock bcright %}
-                            </div>
+                        <li><a href="#"><i
+                                class="fas fa-laptop"></i><span class="hide-menu"> System</span></a>
+                            <ul aria-expanded="false" class="collapse">
+                                <li><a href="{{ url_for('systemtasks') }}"> Tasks</a></li>
+                                <li><a href="{{ url_for('systemlogs') }}"> Logs</a></li>
+                                <li><a href="{{ url_for('systemproviders') }}"> Providers</a></li>
+                                <li><a href="{{ url_for('systemstatus') }}"> Status</a></li>
+                                <li><a href="{{ url_for('systemreleases') }}"> Releases</a></li>
+                            </ul>
+                        </li>
+                    </ul>
+                </nav>
+                <!-- End Sidebar navigation -->
+            </div>
+            <!-- End Sidebar scroll-->
+        </aside>
+        <!-- ============================================================== -->
+        <!-- End Left Sidebar - style you can find in sidebar.scss  -->
+        <!-- ============================================================== -->
+        <div class="page-wrapper">
+            <div class="container-fluid">
+                {% block breadcrumb %}
+                    <!-- ============================================================== -->
+                    <!-- Bread crumb and right sidebar toggle -->
+                    <!-- ============================================================== -->
+                    <div id="buttons_bars" class="row page-titles buttons_bars">
+                        <div id="buttons_bar_left" class="col-8 align-self-center">
+                            {% block bcleft %}
+                            {% endblock bcleft %}
                         </div>
-                    {% endblock breadcrumb %}
-                    {% block body %}
+                        <div id="buttons_bar_right" class="col-4 align-self-center">
+                            {% block bcright %}
+                            {% endblock bcright %}
+                        </div>
+                    </div>
+                {% endblock breadcrumb %}
+                {% block body %}
 
-                    {% endblock body %}
-                </div>
-            </div>
-            <!-- ============================================================== -->
-            <!-- footer -->
-            <!-- ============================================================== -->
-        </div>
-        <!-- ============================================================== -->
-        <!-- End footer -->
-        <!-- ============================================================== -->
-
-        <div id="reconnect_overlay" class="overlay">
-            <div class="overlay-content">
-                <p id="loader_text" style="color: white;">Connection to Backend Lost.</p>
-                <button id="loader_button" class="btn btn-info" onclick="window.location.reload()">Reload</button>
+                {% endblock body %}
             </div>
         </div>
-    {% endblock page_body %}
-
-
-    {% block tail_js %}
-
         <!-- ============================================================== -->
-        <!-- All Jquery -->
+        <!-- footer -->
         <!-- ============================================================== -->
-        <script src="{{ url_for('static',filename='plugins/jquery/jquery.min.js') }}"></script>
-        <!-- Bootstrap tether Core JavaScript -->
-        <script src="{{ url_for('static',filename='plugins/popper/popper.min.js') }}"></script>
-        <script src="{{ url_for('static',filename='plugins/bootstrap/js/bootstrap.min.js') }}"></script>
-        <!-- slimscrollbar scrollbar JavaScript -->
-        <script src="{{ url_for('static',filename='js/jquery.slimscroll.js') }}"></script>
-        <!--Menu sidebar -->
-        <script src="{{ url_for('static',filename='js/sidebarmenu.js') }}"></script>
+    </div>
+    <!-- ============================================================== -->
+    <!-- End footer -->
+    <!-- ============================================================== -->
 
-        <!--stickey kit -->
-        <script src="{{ url_for('static',filename='plugins/sticky-kit-master/dist/sticky-kit.min.js') }}"></script>
-        <!--Custom JavaScript -->
-        <script src="{{ url_for('static',filename='datatables/jquery.dataTables.min.js') }}"></script>
-        <script src="{{ url_for('static',filename='datatables/dataTables.rowGroup.min.js') }}"></script>
-        <script src="{{ url_for('static',filename='datatables/dataTables.responsive.min.js') }}"></script>
-        <script src="{{ url_for('static',filename='datatables/dataTables.select.min.js') }}"></script>
-        <script src="{{ url_for('static',filename='datatables/dataTables.buttons.min.js') }}"></script>
-        <script src="{{ url_for('static',filename='plugins/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
-        <script src="{{ url_for('static',filename='datatables-alteditor/dataTables.altEditor.free.js') }}"></script>
-        <script src="{{ url_for('static',filename='js/custom.js') }}"></script>
-        <script src="{{ url_for('static',filename='js/socket.io.js') }}"></script>
-        <script src="{{ url_for('static',filename='js/bootstrap-select.min.js') }}"></script>
-        <script src="{{ url_for('static',filename='moment/moment.js') }}"></script>
-        <script src="{{ url_for('static',filename='js/jquery.typeahead.min.js') }}"></script>
+    <div id="reconnect_overlay" class="overlay">
+        <div class="overlay-content">
+            <p id="loader_text" style="color: white;">Connection to Backend Lost.</p>
+            <button id="loader_button" class="btn btn-info" onclick="window.location.reload()">Reload</button>
+        </div>
+    </div>
+{% endblock page_body %}
 
-        <script>
-            $(document).ready(function () {
-                BadgesAjax();
 
-                $('.table').on('draw.dt', function () {
-                    $('[data-toggle="tooltip"]').tooltip({html: true});
-                });
+{% block tail_js %}
 
-                events = io.connect({
-                    path: '{{ settings.general.base_url.rstrip('/') }}/socket.io',
-                    upgrade: false,
-                    reconnection: true,
-                    reconnectionDelay: 1000,
-                    reconnectionDelayMax : 3000,
-                    reconnectionAttempts: 3
-                });
+    <!-- ============================================================== -->
+    <!-- All Jquery -->
+    <!-- ============================================================== -->
+    <script src="{{ url_for('static',filename='plugins/jquery/jquery.min.js') }}"></script>
+    <!-- Bootstrap tether Core JavaScript -->
+    <script src="{{ url_for('static',filename='plugins/popper/popper.min.js') }}"></script>
+    <script src="{{ url_for('static',filename='plugins/bootstrap/js/bootstrap.min.js') }}"></script>
+    <!-- slimscrollbar scrollbar JavaScript -->
+    <script src="{{ url_for('static',filename='js/jquery.slimscroll.js') }}"></script>
+    <!--Menu sidebar -->
+    <script src="{{ url_for('static',filename='js/sidebarmenu.js') }}"></script>
 
-                events.on('reconnect_failed', (reason) => {
-                    $('#reconnect_overlay').show();
-                });
+    <!--stickey kit -->
+    <script src="{{ url_for('static',filename='plugins/sticky-kit-master/dist/sticky-kit.min.js') }}"></script>
+    <!--Custom JavaScript -->
+    <script src="{{ url_for('static',filename='datatables/jquery.dataTables.min.js') }}"></script>
+    <script src="{{ url_for('static',filename='datatables/dataTables.rowGroup.min.js') }}"></script>
+    <script src="{{ url_for('static',filename='datatables/dataTables.responsive.min.js') }}"></script>
+    <script src="{{ url_for('static',filename='datatables/dataTables.select.min.js') }}"></script>
+    <script src="{{ url_for('static',filename='datatables/dataTables.buttons.min.js') }}"></script>
+    <script src="{{ url_for('static',filename='plugins/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
+    <script src="{{ url_for('static',filename='datatables-alteditor/dataTables.altEditor.free.js') }}"></script>
+    <script src="{{ url_for('static',filename='js/custom.js') }}"></script>
+    <script src="{{ url_for('static',filename='js/socket.io.js') }}"></script>
+    <script src="{{ url_for('static',filename='js/bootstrap-select.min.js') }}"></script>
+    <script src="{{ url_for('static',filename='moment/moment.js') }}"></script>
+    <script src="{{ url_for('static',filename='js/jquery.typeahead.min.js') }}"></script>
 
-                function BadgesAjax() {
-                    $.ajax({
-                        url: "{{url_for('api.badges')}}",
-                        async: true,
-                        success: function (data) {
-                            if (data['throttled_providers']) {
-                                $('#throttled_providers_count').append('<div class="floating ui tiny yellow label" style="left:90% !important;top:0.5em !important;">' + data['throttled_providers'] + '</div>');
-                            }
-                            if (data['missing_episodes']) {
-                                $('#wanted').append('<div class="floating ui tiny yellow label" style="left:90% !important;top:0.5em !important;">' + data['missing_episodes'] + '</div>');
-                            }
-                            if (data['missing_movies']) {
-                                $('#wanted').append('<div id="wanted_movies" class="floating ui tiny green label" style="left:90% !important;top:3em !important;">' + data['missing_movies'] + '</div>');
-                            }
+    <script>
+        $(document).ready(function () {
+            BadgesAjax();
+            $(window).on('load resize', function () {
+                $('#buttons_bars').width($('.page-wrapper').width());
+            });
 
-                        },
-                        error: (function () {
-                            setTimeout(function () {
-                                setInterval(ping, 2000);
-                            }, 8000);
-                        })
+            $('.table').on('draw.dt', function () {
+                $('[data-toggle="tooltip"]').tooltip({html: true});
+            });
+
+            events = io.connect({
+                path: '{{ settings.general.base_url.rstrip('/') }}/socket.io',
+                upgrade: false,
+                reconnection: true,
+                reconnectionDelay: 1000,
+                reconnectionDelayMax: 3000,
+                reconnectionAttempts: 3
+            });
+
+            events.on('reconnect_failed', (reason) => {
+                $('#reconnect_overlay').show();
+            });
+
+            function BadgesAjax() {
+                $.ajax({
+                    url: "{{url_for('api.badges')}}",
+                    async: true,
+                    success: function (data) {
+                        if (data['throttled_providers']) {
+                            $('#throttled_providers_count').append('<div class="floating ui tiny yellow label" style="left:90% !important;top:0.5em !important;">' + data['throttled_providers'] + '</div>');
+                        }
+                        if (data['missing_episodes']) {
+                            $('#wanted').append('<div class="floating ui tiny yellow label" style="left:90% !important;top:0.5em !important;">' + data['missing_episodes'] + '</div>');
+                        }
+                        if (data['missing_movies']) {
+                            $('#wanted').append('<div id="wanted_movies" class="floating ui tiny green label" style="left:90% !important;top:3em !important;">' + data['missing_movies'] + '</div>');
+                        }
+
+                    },
+                    error: (function () {
+                        setTimeout(function () {
+                            setInterval(ping, 2000);
+                        }, 8000);
                     })
-                }
+                })
+            }
 
-                $('#search').typeahead({
-                    display: 'name',
-                    debug: false,
-                    cancelButton: true,
-                    loadingAnimation: true,
-                    asyncResult: false,
-                    dynamic: true,
-                    delay: 300,
-                    source: {
-                        search: {
-                            ajax: function (query) {
-                                return {
-                                    url: '{{ url_for("api.search")}}',
-                                    type: 'GET',
-                                    data: {
-                                        query: query
-                                    }
+            $('#search').typeahead({
+                display: 'name',
+                debug: false,
+                cancelButton: true,
+                loadingAnimation: true,
+                asyncResult: false,
+                dynamic: true,
+                delay: 300,
+                source: {
+                    search: {
+                        ajax: function (query) {
+                            return {
+                                url: '{{ url_for("api.search")}}',
+                                type: 'GET',
+                                data: {
+                                    query: query
                                 }
                             }
                         }
-                    },
-                    callback: {
-                        onClick: function (node, a, item, event) {
-                            window.location.pathname = item.url;
-                        }
                     }
-                });
-
-                if ( $('#buttons_bar_left').children().length > 0  ||  $('#buttons_bar_right').children().length > 0 ) {
-                    $('#buttons_bars').show();
-                } else {
-                    $('#buttons_bars').hide();
-                    $('.page-wrapper').css('padding-top', '-=60');
+                },
+                callback: {
+                    onClick: function (node, a, item, event) {
+                        window.location.pathname = item.url;
+                    }
                 }
             });
 
-            {% if request.endpoint == 'login_page' %}
+            if ($('#buttons_bar_left').children().length > 0 || $('#buttons_bar_right').children().length > 0) {
+                $('#buttons_bars').show();
+            } else {
+                $('#buttons_bars').hide();
+                $('.page-wrapper').css('padding-top', '-=60');
+            }
+        });
+
+        {% if request.endpoint == 'login_page' %}
             // Apikey excluded from login_page
-            {% else %}
+        {% else %}
             // Add apikey to all AJAX requests.
             $.ajaxSetup({
                 data: {
@@ -394,45 +402,45 @@
                     originalOptions.data.append("apikey", "{{ settings.auth.apikey }}");
                 }
             });
-            {% endif %}
+        {% endif %}
 
-            $(window).on('beforeunload', function() {
-                events.close();
+        $(window).on('beforeunload', function () {
+            events.close();
+        });
+
+        $('#restart').on('click', function () {
+            $('#loader_button').prop("hidden", true);
+            $('#loader_text').text("Bazarr is restarting, please wait...");
+            $('#reconnect_overlay').show();
+            $.ajax({
+                url: "{{ url_for('api.restart') }}"
+            })
+            setTimeout(function () {
+                setInterval(ping, 2000);
+            }, 8000);
+        });
+
+        function ping() {
+            $.ajax({
+                url: window.location.href,
+                success: function () {
+                    window.location.reload(true);
+                }
             });
+        }
 
-            $('#restart').on('click', function() {
-                $('#loader_button').prop("hidden", true);
-                $('#loader_text').text("Bazarr is restarting, please wait...");
-                $('#reconnect_overlay').show();
-                $.ajax({
-                    url: "{{ url_for('api.restart') }}"
-                })
-                setTimeout(function () {
-                    setInterval(ping, 2000);
-                }, 8000);
-            });
-
-            function ping() {
-                $.ajax({
-                    url: window.location.href,
-                    success: function() {
-                        window.location.reload(true);
-                    }
-                });
-            }
-
-            $('#shutdown').on('click', function(){
-                document.open();
-                document.write('Bazarr has shutdown.');
-                document.close();
-                $.ajax({
-                    url: "{{ url_for('api.shutdown') }}",
-                    async: true
-                })
-            });
-        </script>
-    {% endblock tail_js %}
-    {% block tail %}
-    {% endblock tail %}
-    </body>
+        $('#shutdown').on('click', function () {
+            document.open();
+            document.write('Bazarr has shutdown.');
+            document.close();
+            $.ajax({
+                url: "{{ url_for('api.shutdown') }}",
+                async: true
+            })
+        });
+    </script>
+{% endblock tail_js %}
+{% block tail %}
+{% endblock tail %}
+</body>
 </html>
\ No newline at end of file