Style WIP
This commit is contained in:
parent
83cc0c82a6
commit
32f79a4c42
|
@ -160,16 +160,18 @@ class folder extends common
|
|||
foreach ($files as $file) {
|
||||
$fileFullPath = $chemin . '/' . $file;
|
||||
$fileInfo = '';
|
||||
$fileExtension = pathinfo($fileFullPath, PATHINFO_EXTENSION); // Obtenir l'extension du fichier
|
||||
$fileExtensionClass = strtolower($fileExtension); // Convertir l'extension en minuscules pour une classe CSS
|
||||
if ($showDetails) {
|
||||
$fileSize = filesize($fileFullPath);
|
||||
$fileSizeFormatted = $this->formatSizeUnits($fileSize);
|
||||
$fileInfo = "<div class='file-info-container'>" . date("d-m-Y H:i", filemtime($fileFullPath)) . " - $fileSizeFormatted</div>";
|
||||
$fileInfo = "<div class='file-info-container'>" . date('d-m-Y H:i', filemtime($fileFullPath)) . ' - ' . $fileSizeFormatted . '</div>';
|
||||
}
|
||||
$items .= "<li class='file'><div class='file-name'>$file</div>$fileInfo</li>";
|
||||
$items .= '<li class="file ' . $fileExtensionClass .'"><div class="file-name">' . $file . '</div>' . $fileInfo . '</li>';
|
||||
}
|
||||
|
||||
// Fermer la liste
|
||||
$items .= "</ul>";
|
||||
$items .= '</ul>';
|
||||
|
||||
return $items;
|
||||
}
|
||||
|
@ -181,6 +183,7 @@ class folder extends common
|
|||
|
||||
|
||||
|
||||
|
||||
private function formatSizeUnits($bytes)
|
||||
{
|
||||
$units = array('octets', 'Ko', 'Mo', 'Go', 'To');
|
||||
|
|
|
@ -27,14 +27,10 @@
|
|||
list-style: none;
|
||||
}
|
||||
|
||||
#dirindex .directory {
|
||||
#dirindex li.directory {
|
||||
list-style-type: "\1F4C1";
|
||||
}
|
||||
|
||||
#dirindex .file {
|
||||
list-style-type: "\1F4C4";
|
||||
}
|
||||
|
||||
#dirindex ul li {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
@ -50,9 +46,9 @@
|
|||
}
|
||||
|
||||
/* Style pour les sous-éléments des dossiers */
|
||||
.sub-items {
|
||||
ul.sub-items {
|
||||
list-style-type: none;
|
||||
margin-left: -40px;
|
||||
margin-left: -50px;
|
||||
}
|
||||
|
||||
|
||||
|
@ -70,3 +66,18 @@
|
|||
overflow: hidden; /* Cacher tout texte qui dépasse */
|
||||
text-overflow: ellipsis; /* Ajouter des points de suspension (...) pour indiquer que le texte a été tronqué */
|
||||
}
|
||||
|
||||
/**
|
||||
* Images des icônes
|
||||
*/
|
||||
|
||||
/** les dossiers */
|
||||
#dirindex li.directory {
|
||||
list-style-type: "\1F4C1";
|
||||
}
|
||||
|
||||
|
||||
/** fichiers par défaut (mime non trouvé) */
|
||||
#dirindex li:not(.directory) {
|
||||
list-style-type: "\1F4C4";
|
||||
}
|
Loading…
Reference in New Issue