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">

feature_tests_episode_selection.sh

@@ -19,10 +19,10 @@ detect_base_url() {
 BASE_URL="$(detect_base_url)"
 echo "Using BASE_URL=$BASE_URL"
 
-echo "== Feature test 1: panel 2 controls include Add Selected and no static row Add button =="
+echo "== Feature test 1: panel 2 footer controls include Add Selected and Clear =="
 grep -q 'id="addSelectedEpisodesBtn"' app/templates/index.html || { echo "Add Selected button missing"; exit 1; }
-grep -q 'id="refreshEpisodesBtn" class="secondary"' app/templates/index.html || { echo "Refresh Episodes should be secondary"; exit 1; }
+grep -q 'id="clearEpisodesSelectionBtn" class="secondary"' app/templates/index.html || { echo "Clear button missing"; exit 1; }
-echo "panel controls validation passed"
+echo "panel footer controls validation passed"
 
 echo
 echo "== Feature test 2: episode selection modifiers are implemented =="