1
0
mirror of https://github.com/24eme/signaturepdf.git synced 2023-08-25 09:33:08 +02:00

Block of actions of selected pages

This commit is contained in:
Vincent LAURENT 2022-05-18 10:04:49 +02:00
parent cfcd34829e
commit ec797574eb
2 changed files with 17 additions and 7 deletions

View File

@ -269,19 +269,26 @@ var updatePageState = function(page) {
var updateGlobalState = function() { var updateGlobalState = function() {
document.querySelector('#container_btn_select').classList.add('opacity-50'); document.querySelector('#container_btn_select').classList.add('opacity-50');
document.querySelector('#container_btn_select').classList.remove('border-primary');
document.querySelector('#container_btn_select .card-header').classList.remove('bg-primary', 'text-white');
document.querySelector('#container_btn_select .card-header').classList.add('text-muted');
document.querySelectorAll('#container_btn_select button').forEach(function(button) { document.querySelectorAll('#container_btn_select button').forEach(function(button) {
button.classList.add('btn-outline-dark'); button.classList.add('btn-outline-secondary');
button.classList.remove('btn-outline-primary'); button.classList.remove('btn-outline-primary');
button.setAttribute('disabled', 'disabled'); button.setAttribute('disabled', 'disabled');
}); });
document.querySelector('#container-btn-save-select').classList.add('d-none'); document.querySelector('#container-btn-save-select').classList.add('d-none');
document.querySelector('#container-btn-save').classList.remove('d-none'); document.querySelector('#container-btn-save').classList.remove('d-none');
document.querySelector('#container_btn_select .card-header span').innerText = "Aucune";
if(isSelectionMode()) { if(isSelectionMode()) {
document.querySelector('#container_btn_select .card-header span').innerText = document.querySelectorAll('.canvas-container .input-select:checked').length;
document.querySelector('#container_btn_select').classList.remove('opacity-50'); document.querySelector('#container_btn_select').classList.remove('opacity-50');
document.querySelector('#container_btn_select').classList.add('border-primary');
document.querySelector('#container_btn_select .card-header').classList.remove('text-muted');
document.querySelector('#container_btn_select .card-header').classList.add('bg-primary', 'text-white');
document.querySelectorAll('#container_btn_select button').forEach(function(button) { document.querySelectorAll('#container_btn_select button').forEach(function(button) {
button.classList.add('btn-outline-primary'); button.classList.add('btn-outline-primary');
button.classList.remove('btn-outline-dark'); button.classList.remove('btn-outline-secondary');
button.removeAttribute('disabled'); button.removeAttribute('disabled');
}); });
document.querySelector('#container-btn-save-select').classList.remove('d-none'); document.querySelector('#container-btn-save-select').classList.remove('d-none');

View File

@ -65,10 +65,13 @@
<input id="input_pdf_upload_2" class="form-control d-none" type="file" accept=".pdf,application/pdf"> <input id="input_pdf_upload_2" class="form-control d-none" type="file" accept=".pdf,application/pdf">
</div> </div>
<hr /> <hr />
<div id="container_btn_select" class="d-grid gap-2 mt-2 opacity-50"> <div id="container_btn_select" class="opacity-50 card">
<button id="btn_rotate_select" disabled="disabled" type="button" class="btn btn-sm btn-outline-dark"><i class="bi bi-arrow-clockwise"></i> Tourner les pages sélectionnées de 90°</button> <div class="card-header small text-center"><span>Aucune</span> page(s) séléctionnée(s)</div>
<button id="btn_delete_select" disabled="disabled" type="button" class="btn btn-sm btn-outline-dark"><i class="bi bi-trash"></i> Supprimer les pages sélectionnées</button> <div class="card-body d-grid gap-2">
<button id="btn_cancel_select" disabled="disabled" type="button" class="btn btn-sm btn-outline-dark"><i class="bi bi-check-square"></i> Annuler la sélection de pages</button> <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>
</div>
</div> </div>
<div class="position-absolute bottom-0 pb-2 ps-0 pe-4 w-100"> <div class="position-absolute bottom-0 pb-2 ps-0 pe-4 w-100">