camelia-studio/ICO
camelia-studio/ICO
2
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases 15 Wiki Activity

ajout d'un bouton "tout sélectionner" dans la gestion admin des galeries

Browse Source
This commit is contained in:
Esenjin 2025-01-06 20:46:06 +01:00
parent b953112cb0
commit 9d375850f6
2 changed files with 63 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
arbre-img-prive.php
View File

@ -170,6 +170,9 @@ $config = getSiteConfig();
<button onclick="deleteSelected()" id="deleteSelectedBtn" class="action-button action-button-danger">
Supprimer la sélection
</button>
<button onclick="toggleSelectAll()" id="selectAllBtn" class="action-button">
Tout sélectionner
</button>
<a href="arbre-prive.php?path=<?php echo urlencode($currentPath); ?>" class="action-button action-button-secondary">
Retour
</a>
@ -291,6 +294,40 @@ $config = getSiteConfig();
});
}
});
// Fonction pour basculer la sélection de toutes les images
function toggleSelectAll() {
const checkboxes = document.querySelectorAll('.image-checkbox');
const allChecked = document.querySelectorAll('.image-checkbox:checked').length === checkboxes.length;
checkboxes.forEach(checkbox => {
checkbox.checked = !allChecked;
});
updateActionButtons();
}
// Modifier la fonction updateActionButtons existante
function updateActionButtons() {
const checkboxes = document.querySelectorAll('.image-checkbox');
const selectedCheckboxes = document.querySelectorAll('.image-checkbox:checked');
const count = selectedCheckboxes.length;
const deleteBtn = document.getElementById('deleteSelectedBtn');
const selectAllBtn = document.getElementById('selectAllBtn');
if (deleteBtn) {
deleteBtn.style.display = count > 0 ? 'inline-flex' : 'none';
}
if (selectAllBtn) {
selectAllBtn.textContent = checkboxes.length === selectedCheckboxes.length ?
'Tout désélectionner' : 'Tout sélectionner';
}
}
// Ajouter l'initialisation au chargement de la page
document.addEventListener('DOMContentLoaded', updateActionButtons);
</script>
<button class="scroll-top" title="Retour en haut">↑</button>
<script>

42
arbre-img.php
View File

@ -221,6 +221,9 @@ $config = getSiteConfig();
<button onclick="moveSelected()" id="moveSelectedBtn" class="action-button action-button-warning">
Déplacer la sélection
</button>
<button onclick="toggleSelectAll()" id="selectAllBtn" class="action-button">
Tout sélectionner
</button>
<a href="arbre.php?path=<?php echo urlencode($currentPath); ?>" class="action-button action-button-secondary">
Retour
</a>
@ -246,6 +249,18 @@ $config = getSiteConfig();
}
}
// Fonction pour basculer la sélection de toutes les images
function toggleSelectAll() {
const checkboxes = document.querySelectorAll('.image-checkbox');
const allChecked = document.querySelectorAll('.image-checkbox:checked').length === checkboxes.length;
checkboxes.forEach(checkbox => {
checkbox.checked = !allChecked;
});
updateActionButtons();
}
// Fonction de suppression multiple
function deleteSelected() {
const checkboxes = document.querySelectorAll('.image-checkbox:checked');
@ -432,27 +447,22 @@ $config = getSiteConfig();
// Gestion des boutons d'action
console.log("Définition de updateActionButtons");
function updateActionButtons() {
console.log("updateActionButtons appelé");
const checkboxes = document.querySelectorAll('.image-checkbox:checked');
const count = checkboxes.length;
console.log("Nombre d'images sélectionnées:", count);
const checkboxes = document.querySelectorAll('.image-checkbox');
const selectedCheckboxes = document.querySelectorAll('.image-checkbox:checked');
const count = selectedCheckboxes.length;
const deleteBtn = document.getElementById('deleteSelectedBtn');
const moveBtn = document.getElementById('moveSelectedBtn');
const selectAllBtn = document.getElementById('selectAllBtn');
if (!deleteBtn || !moveBtn) {
console.log("Boutons non trouvés");
return;
if (deleteBtn && moveBtn) {
deleteBtn.style.display = count > 0 ? 'inline-flex' : 'none';
moveBtn.style.display = count > 0 ? 'inline-flex' : 'none';
}
if (count > 0) {
deleteBtn.style.display = 'inline-flex';
moveBtn.style.display = 'inline-flex';
console.log("Affichage des boutons");
} else {
deleteBtn.style.display = 'none';
moveBtn.style.display = 'none';
console.log("Masquage des boutons");
if (selectAllBtn) {
selectAllBtn.textContent = checkboxes.length === selectedCheckboxes.length ?
'Tout désélectionner' : 'Tout sélectionner';
}
}