From b9f7f3ab30bad7f629ebe789e8c091360a3fd3a2 Mon Sep 17 00:00:00 2001
From: kodi <kodi@lab.local>
Date: Tue, 10 Mar 2026 10:05:57 +0100
Subject: [PATCH] feat (ui): selecteer meerdere episodes tegelijkertijd -
 polish

---
 app/static/app.js                  |   4 ++--
 app/templates/index.html           |   8 ++++----
 data/session_state.sqlite3         | Bin 303104 -> 303104 bytes
 feature_tests_episode_selection.sh |   6 +++---
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/static/app.js b/app/static/app.js
index f3639b3..1e73875 100644
--- a/app/static/app.js
+++ b/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", () =>
diff --git a/app/templates/index.html b/app/templates/index.html
index e336791..4eab022 100644
--- a/app/templates/index.html
+++ b/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">
diff --git a/data/session_state.sqlite3 b/data/session_state.sqlite3
index 4c53beeee4eede008171f45f6c7a180d7e61e14c..3e6d2aa976f7bfcab1cae3dd4316ef2fb326ec6f 100644
GIT binary patch
delta 1858
zcmbW&O-$2J00;2*x_0d*P@NDWf-4v!8erYVDC1!G4x&cF7BnWvhEz7$7}<wH0z%n=
zgC2ky(Su(HNjzvWo46~+lO{%Q-e7!$i<%hX$;8ChL56O9F<F~*TmJvP_j}z-I<sP$
zSuxF*5d^(Z-iodX&uf-oza|g;AX2RI)BJ*kvi#W6O>F@HN*7uVFY*tHse;^7sXRDC
zDK!lNV=)!WJyHCHQsSMrkLb}rP4u!%dq#{*8U341(eLPGWzut+mTMY{rtNko@37ly
z8=Ve854Orl0TMBPtyK{0R{P%}1vc>^2{!Pd4y<Ft69NHJM@hk;Jt<gAXG@=ZVTl~{
z9jin?8BBFGoym!=66LM0nciLawoH!&484rNlrxatRwl=8(9>l)0W-!HKH9`b8~A8l
zBRaYJv_VQE+l$uJXm{1m#w*PD;;I^{YmV=XCwImnTiTEQa1%HK3a%e`X-pZ98!Rj+
zf=n|l6q1xn?<Oa8%ftux4XUM_L+X)+^gw{KG0jb&m!;>Hu9m^UP&CSQ1jL{?8uf-J
zxM~}3v!1fx0<M;G@%0^69({3(k*I%kxGp$ybLkZ%Dw_9h#&oKtq(14IN{T~G5~Y&P
z;b#6HiFcxT`$B=(XjBx#k&LSCUzJ7;!LCSyX_!G1Myjw2dBYkJ?2;d`!dz=u^p0d`
z9a%K3BEnskylEVziPNdL^LgWheVoe|x|OlDXW2A*h}J84(tB(|lSZhtvw71R5Y6oq
zxppz&&$zNS8J}H3D3>&VP=?tlO_XZt&fDZbrgrZT*XbYjMKh?XtcR7;s+vkp--8gE
zr2*+G!ZGm@EUqVSTs^|Ig(A^dP(+_-!$tOq)mcPL7eOE1hwte(PasoCu)!r}1)6n>
z>>_#(c?y$vKf>?OWaZtwvx&DiS?lWrn}g?t<eg8je_kv2H9*unCE*$@L?g@*a|uG1
KOc3P7M}Gj_IPT>D

delta 405
zcmZoTAk=U`Xo3_I<KKxgPC#;F!Y2Ohf*+V3@o)YjzmlJ^eeyhgFV?#Z3=HBE9fc<u
z%-F0bFokuqj#&;DkoB5%bF*8WBpXLJgE2?&WcGw?F81H-zu9hr;O3eHE%u2E*0M^o
zm~%2szYxSIIypB(js<9z%tS{CkT3_+<c%Jpn-69<u(NUO1Deq>nY|!~)11ScT@wU1
z*A!#{jabAY#cU2WVPS<V$OP$$j^bcZkO9q~Dz<;BVB{CqWo=;KW~pc3KEch;<;2;_
zF_E8vH<^7A+f1G`mU`CJ%)6OXm{b_LArR<+Ko+jX+Qu+826N8lK#&u~r>o9ooH*Tf
z8l%{B>1m9XEPP3fl0b!`jN8qpGoEAz**$OK#97<sGjb?S=Q_YB&zj3WiGLDMNdoWo
zp0kW^8HEfiLkvx<49u+zE%l5oEltb~ws)UrjGcf@;#WMA&H|w3Zl?B)Ow8LiGO_s2
F1pwtBcbotK

diff --git a/feature_tests_episode_selection.sh b/feature_tests_episode_selection.sh
index a06f981..3f2a1c6 100755
--- a/feature_tests_episode_selection.sh
+++ b/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; }
-echo "panel controls validation passed"
+grep -q 'id="clearEpisodesSelectionBtn" class="secondary"' app/templates/index.html || { echo "Clear button missing"; exit 1; }
+echo "panel footer controls validation passed"
 
 echo
 echo "== Feature test 2: episode selection modifiers are implemented =="