Folder 1.03 icones de pliage
This commit is contained in:
parent
b0395b4ab7
commit
4c4d71e211
|
@ -1,3 +1,5 @@
|
||||||
|
1.03
|
||||||
|
- Boutons pour replier ou déplier les dossiers
|
||||||
1.02
|
1.02
|
||||||
- Options d'ouverture des fichiers : download ; lightbox ; _blank
|
- Options d'ouverture des fichiers : download ; lightbox ; _blank
|
||||||
1.01
|
1.01
|
||||||
|
|
|
@ -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":""}
|
|
@ -17,7 +17,7 @@
|
||||||
class folder extends common
|
class folder extends common
|
||||||
{
|
{
|
||||||
|
|
||||||
const VERSION = '1.02';
|
const VERSION = '1.03';
|
||||||
const REALNAME = 'Partage de dossier';
|
const REALNAME = 'Partage de dossier';
|
||||||
const DATADIRECTORY = ''; // Contenu localisé inclus par défaut (page.json et module.json)
|
const DATADIRECTORY = ''; // Contenu localisé inclus par défaut (page.json et module.json)
|
||||||
|
|
||||||
|
|
|
@ -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");
|
|
||||||
} */
|
|
|
@ -1,11 +1,24 @@
|
||||||
|
|
||||||
|
|
||||||
$(document).ready(function() {
|
$(document).ready(function () {
|
||||||
// Gérer le clic sur les éléments avec la classe toggle
|
// 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
|
// Trouver le prochain élément de type ul avec la classe sub-items
|
||||||
var subItems = $(this).next('ul.sub-items');
|
var subItems = $(this).next('ul.sub-items');
|
||||||
// Toggle pour afficher ou cacher les sous-éléments
|
// Toggle pour afficher ou cacher les sous-éléments
|
||||||
subItems.slideToggle();
|
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();
|
||||||
|
});
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
|
@ -1,6 +1,14 @@
|
||||||
<div id="dirindex">
|
<div id="dirindex">
|
||||||
<article>
|
<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; ?>
|
<?php echo $module::$folders; ?>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue