feat (ui): selecteer meerdere episodes tegelijkertijd - polish

app/static/app.js

@@ -64,8 +64,8 @@
     defaultMediaRootSelect: document.getElementById("defaultMediaRootSelect"),
     rememberMaxSeriesInput: document.getElementById("rememberMaxSeriesInput"),
     purgeRememberedSeriesBtn: document.getElementById("purgeRememberedSeriesBtn"),
-    refreshEpisodesBtn: document.getElementById("refreshEpisodesBtn"),
     addSelectedEpisodesBtn: document.getElementById("addSelectedEpisodesBtn"),
+    clearEpisodesSelectionBtn: document.getElementById("clearEpisodesSelectionBtn"),
     episodesList: document.getElementById("episodesList"),
     episodeMeta: document.getElementById("episodeMeta"),
     refreshSelectedEpisodesBtn: document.getElementById("refreshSelectedEpisodesBtn"),
@@ -1131,10 +1131,10 @@
     el.settingsModal.addEventListener("click", (e) => {
       if (e.target === el.settingsModal) closeSettingsModal();
     });
-    el.refreshEpisodesBtn.addEventListener("click", () => withHandler(loadEpisodes, el.refreshEpisodesBtn));
     el.addSelectedEpisodesBtn.addEventListener("click", () =>
       withHandler(addSelectedEpisodes, el.addSelectedEpisodesBtn)
     );
+    el.clearEpisodesSelectionBtn.addEventListener("click", clearEpisodeSelection);
 
     el.refreshSelectedEpisodesBtn.addEventListener("click", () => withHandler(loadSelectedEpisodes, el.refreshSelectedEpisodesBtn));
     el.clearSelectedEpisodesBtn.addEventListener("click", () =>

app/templates/index.html

@@ -68,14 +68,14 @@
           <div class="panel-head-actions panel-head-actions-empty" aria-hidden="true"></div>
         </div>
         <div class="panel-body">
-          <div class="row">
-            <button id="refreshEpisodesBtn" class="secondary">Refresh Episodes</button>
-            <button id="addSelectedEpisodesBtn" disabled>Add Selected</button>
-          </div>
           <div class="linked-list-wrap">
             <ul id="episodesList" class="list linked-list"></ul>
           </div>
         </div>
+        <div class="panel-footer">
+          <button id="addSelectedEpisodesBtn" disabled>Add Selected</button>
+          <button id="clearEpisodesSelectionBtn" class="secondary">Clear</button>
+        </div>
       </section>
 
       <section class="panel" id="panelSelectedEpisodes">