From 02bad421bd79ca2dc89e064632e9f90260e588a5 Mon Sep 17 00:00:00 2001
From: Vincent LAURENT <vince.laurent@gmail.com>
Date: Wed, 18 May 2022 21:28:49 +0200
Subject: [PATCH] Button downloaded the selected pages in the block rather than
 at the bottom instead of the global downloaded button

---
 public/js/organization.js       | 4 ----
 templates/organization.html.php | 8 +++-----
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/public/js/organization.js b/public/js/organization.js
index 5fb96dd..30a2025 100644
--- a/public/js/organization.js
+++ b/public/js/organization.js
@@ -277,8 +277,6 @@ var updateGlobalState = function() {
         button.classList.remove('btn-outline-primary');
         button.setAttribute('disabled', 'disabled');
     });
-    document.querySelector('#container-btn-save-select').classList.add('d-none');
-    document.querySelector('#container-btn-save').classList.remove('d-none');
     document.querySelector('#container_btn_select .card-header span').innerText = "Aucune";
     if(isSelectionMode()) {
         document.querySelector('#container_btn_select .card-header span').innerText = document.querySelectorAll('.canvas-container .input-select:checked').length;
@@ -291,8 +289,6 @@ var updateGlobalState = function() {
             button.classList.remove('btn-outline-secondary');
             button.removeAttribute('disabled');
         });
-        document.querySelector('#container-btn-save-select').classList.remove('d-none');
-        document.querySelector('#container-btn-save').classList.add('d-none');
     }
 }
 
diff --git a/templates/organization.html.php b/templates/organization.html.php
index 2b69c0d..e55256b 100644
--- a/templates/organization.html.php
+++ b/templates/organization.html.php
@@ -66,11 +66,12 @@
                 </div>
                 <hr />
                 <div id="container_btn_select" class="opacity-50 card">
-                    <div class="card-header small text-center"><span>Aucune</span> page(s) séléctionnée(s)</div>
+                    <div class="card-header small text-center p-1"><span>Aucune</span> page(s) séléctionnée(s)</div>
                     <div class="card-body d-grid gap-2">
                     <button id="btn_rotate_select" disabled="disabled" type="button" class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-clockwise"></i> Tourner de 90°</button>
                     <button id="btn_delete_select" disabled="disabled" type="button" class="btn btn-sm btn-outline-secondary"><i class="bi bi-trash"></i> Supprimer</button>
                     <button id="btn_cancel_select" disabled="disabled" type="button" class="btn btn-sm btn-outline-secondary"><i class="bi bi-check-square"></i> Désélectionner</button>
+                    <button id="save-select" class="btn btn-sm btn-outline-secondary" disabled="disabled" form="form_pdf" type="submit"><i class="bi bi-download"></i> Télécharger le PDF</button>
                     </div>
                 </div>
 
@@ -78,10 +79,7 @@
                     <form id="form_pdf" action="/organize" method="post" enctype="multipart/form-data">
                         <input id="input_pdf" name="pdf[]" type="file" class="d-none" />
                         <input id="input_pages" type="hidden" value="" name="pages" />
-                        <div id="container-btn-save-select" class="d-none">
-                            <button class="btn w-100 btn-outline-primary" type="submit" id="save-select"><i class="bi bi-download"></i> Télécharger les pages séléctionnées</button>
-                        </div>
-                        <div id="container-btn-save" class="d-grid gap-2 mt-2">
+                        <div class="d-grid gap-2 mt-2">
                             <button class="btn btn-primary" type="submit" id="save"><i class="bi bi-download"></i> Télécharger le PDF</button>
                         </div>
                     </form>