abort button

bookscraper/static/js/dashboard.js

@@ -126,6 +126,8 @@ async function refreshActiveBooks() {
         ${b.download_done}/${b.download_total} downloaded,
         ${b.audio_done}/${b.audio_total} audio
       </div>
+
+  <button class="abort-btn" onclick="abortBook('${b.book_id}')">Abort</button>
     `;
 
     // Event listener opnieuw koppelen

bookscraper/templates/components/book_list_item.html

@@ -3,9 +3,7 @@
      Purpose:
        Dashboard weergave van één boek in de lijst.
        Variabelen komen binnen via:
-          {% for book in books %}
+         
-               {% include "components/book_list_item.html" %}
-          {% endfor %}
        → Dus alle velden moeten via "book.<veld>" aangesproken worden.
      ======================================================================= -->
 
@@ -58,11 +56,9 @@
       <span class="mini-value">{{ pct_au }}%</span>
     </div>
   </div>
-  {% if book.status in ["running", "active", "processing"] %}
   <div class="book-abort-area">
     <button class="abort-btn" onclick="abortBook('{{ book.book_id }}')">
       Abort
     </button>
   </div>
-  {% endif %}
 </div>