Folder 1.03 icones de pliage

module/folder/changes.md

@@ -1,3 +1,5 @@
+1.03
+- Boutons pour replier ou déplier les dossiers
 1.02
 - Options d'ouverture des fichiers : download ; lightbox ; _blank
 1.01

module/folder/enum.json

@@ -1 +1 @@
-{"name":"folder","realName":"Partage de dossier","version":"1.01","update":"0.0","delete":true,"dataDirectory":""}
+{"name":"folder","realName":"Partage de dossier","version":"1.02","update":"0.0","delete":true,"dataDirectory":""}

module/folder/folder.php

@@ -17,7 +17,7 @@
 class folder extends common
 {
 
-	const VERSION = '1.02';
+	const VERSION = '1.03';
 	const REALNAME = 'Partage de dossier';
 	const DATADIRECTORY = ''; // Contenu localisé inclus par défaut (page.json et module.json)
 

module/folder/view/index/index.css

@@ -97,13 +97,37 @@ ul.sub-items {
 }
 
 
+/**
+* Barre d'icônes 
+*/
+
+/* Alignement à droite des éléments "Déplier" et "Replier" */
+.titleicons {
+  text-align: right;
+}
+
+/* Style des icônes pour "Déplier" et "Replier" */
+.titleicons span {
+  cursor: pointer;
+}
+
+.titlecontainer {
+  display: flex; /* Utilisation de Flexbox pour aligner les éléments sur la même ligne */
+  justify-content: space-between; /* Pour séparer les éléments à l'extrémité de la ligne */
+  align-items: center; /* Pour aligner verticalement les éléments */
+}
+
+.titletag, .titleicons {
+
+  display: flex; /* Pour aligner le contenu horizontalement */
+  align-items: center; /* Pour aligner verticalement le contenu */
+}
+.titletag {
+  flex:5; 
+}
+.titleicons {
+  flex: 1;
+}
+
 
-/** les dossiers 
-#dirindex li.folder  {
-  background-image: url("module/folder/view/index/icons/classic/folder.svg");
-}*/
 
-/** fichiers par défaut (mime non trouvé)
-#dirindex li:not(.folder) {
-  background-image: url("module/folder/view/index/icons/classic/png.svg");
-} */

module/folder/view/index/index.js.php

@@ -1,11 +1,24 @@
 
 
-$(document).ready(function() {
+$(document).ready(function () {
     // Gérer le clic sur les éléments avec la classe toggle
-    $('.toggle').click(function() {
+    $('.toggle').click(function () {
         // Trouver le prochain élément de type ul avec la classe sub-items
         var subItems = $(this).next('ul.sub-items');
         // Toggle pour afficher ou cacher les sous-éléments
         subItems.slideToggle();
     });
+
+    // Gérer le clic sur "Déplier"
+    $('#expand').click(function () {
+        // Afficher tous les sous-éléments
+        $('ul.sub-items').slideDown(); F
+    });
+
+    // Gérer le clic sur "Replier"
+    $('#collapse').click(function () {
+        // Cacher tous les sous-éléments
+        $('ul.sub-items').slideUp();
+    });
+
 });

module/folder/view/index/index.php

@@ -1,6 +1,14 @@
 <div id="dirindex">
     <article>
-        <h1><?php echo $this->getData(['module', $this->getUrl(0), 'title']);?></h1>
+        <div class="titlecontainer">
+            <div class="titletag">
+                <h2><?php echo $this->getData(['module', $this->getUrl(0), 'title']);?></h2>
+            </div>
+            <div class="titleicons">
+                <span id="expand"><?php echo template::ico('plus', ['margin' => 'all'])?></span>
+                <span id="collapse"><?php echo template::ico('minus', ['margin' => 'all'])?></span>
+            </div>
+        </div>
         <?php echo $module::$folders; ?>
     </article>
-</div>
+</div>