From 366f606707f349fd059effbc61d3d85d2650a77e Mon Sep 17 00:00:00 2001
From: fredtempez <frederic.tempez@outlook.com>
Date: Sun, 24 Mar 2024 21:26:00 +0100
Subject: [PATCH] New icon set WIP

---
 module/folder/folder.php            |   6 +++---
 module/folder/view/index/file.png   | Bin 0 -> 997 bytes
 module/folder/view/index/folder.png | Bin 0 -> 465 bytes
 module/folder/view/index/folder.svg |   1 +
 module/folder/view/index/index.css  |  27 +++++++++++++++------------
 module/folder/view/index/png.svg    |   1 +
 6 files changed, 20 insertions(+), 15 deletions(-)
 create mode 100644 module/folder/view/index/file.png
 create mode 100644 module/folder/view/index/folder.png
 create mode 100644 module/folder/view/index/folder.svg
 create mode 100644 module/folder/view/index/png.svg

diff --git a/module/folder/folder.php b/module/folder/folder.php
index f1b5758c..3c2f4c5a 100644
--- a/module/folder/folder.php
+++ b/module/folder/folder.php
@@ -145,7 +145,7 @@ class folder extends common
 						if ($initialFolderState == 'collapsed') {
 							$folderClass = 'collapsible';
 						}
-						$items .= "<li class='directory $folderClass'><span class='toggle'>$subDirectory</span><ul class='sub-items'";
+						$items .= '<li class="folder '. $folderClass .' small"><span class="toggle">'. $subDirectory.'</span><ul class="sub-items"';
 						if ($initialFolderState == 'collapsed') {
 							$items .= " style='display:none;'";
 						}
@@ -165,9 +165,9 @@ class folder extends common
 					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 ' . $fileExtensionClass . '"><div class="file-name">' . $file . '</div>' . $fileInfo . '</li>';
+					$items .= '<li class="file ' . $fileExtensionClass . ' small"><div class="file-name">' . $file . '</div>' . $fileInfo . '</li>';
 				}
 
 				// Fermer la liste
diff --git a/module/folder/view/index/file.png b/module/folder/view/index/file.png
new file mode 100644
index 0000000000000000000000000000000000000000..cb0ea98a51f69e53b2f8199fcdd16f33b104dda5
GIT binary patch
literal 997
zcmV<B0~-8^P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkRmq|oHRCt`#*?XvEa})>g&x{$5!Hl^y=9<W3Fp`wVP|SP&F*Ss!
zktUQp^QtinV)7Ux7lVX9(flJdg?~u?p=ru1iJB-%N#2s@jM38CwcDL@?wNb*oc;UO
zZSVU#d+&3;d#&GE-?bJK$HADXU`)sL_!i&bDoj-%KEqE~kGt_3-orTx!#{W#H>7pu
z;YIAmRvf7i?7|A1fXA^a*U!Ma_#F@9AcYXAuo_R`I84DM_zGWRZLSqTM7r2@xId%W
z4BUr5umfi+gh+)^+>6W860u)i$o&(?xe6gt;Y@6)Sz;+Z$_N*h+D{=wWNx_<4`2@V
zN%#8>J8_;uh*X$`duri&PUfONF<(JMDlEX0cn&AwZERB@k!r8J_Wv2D=Cf8B5_V(x
zB#3Oph57%p_%vN^;Fv6t_#4Ci7{L#?QK3YR#jUv(#~*Q+0*M6f!V#E;Pw<pNiG--!
zl;<mR<Da5HB2rW?%=6drmO_Xu!kR|*-;%oQMEs2l3<&>X*#z&Ml7ez`O+bboyDZPg
z@Wr6C*kp)QI1uY_M~30exo2i(A0W!;R=ZXcQH(vBIxI*9p24qLV3BDVjjq^>XGYZ8
zo?0w2{~kjoazK{7$7kK%^z{g@k7Y*h7SWato5*ZDomFC`cCTq%6F>5zeCyX{jnXP2
z^O8i=9(8QW&D<%ET#UsXK3kUGF>oRa(p~C5xWfG0$Q730{4U8cp1EXLM9#`mw(cTL
zJeXY-Dc5gFowd3xL`LyyAAR3raC2jAZid;@he>2l?M<GRQ7WW|ajX*ku3m`Tv^bBE
zs|HG>k{xR@J9q2*#`<lwz|blD4%H%c%t&dmF7rtf8#8-v$R=JlBFl$mktUA9Be=BD
z_dT>`vD-Uz9f$5(-LSCHZLDKfMy{a~*_w^E@h~+fTCv#=Z+y1C@r;2Ji7)yXKj#LX
zz8Brbo3L-LjpW2@Xhf<vy*B5FJ98$|4<ge)RJ(pd%_`CKTa?GB-v^4>sdE3qn>e}8
z`&MNBi70hv8;Dd00&ir^J=Q@y_L>fVm~PezA{C->@Oir2)qRewM=}Ssib(aQLtFiV
z4;oUv7lOdKSuMuoxHTBf5yGw%mq(9teGq6RkqV)3-|1s)-FhNwW9u(_jIE0xQlZz_
zx+o&`V(XR6;Lm4Ltca{CiAX286Z-9?Y|g!}K-A^V_Zhl-^#EFrNQ{R}^zQ!v<xJa!
TH3K`-00000NkvXXu0mjf3w7kr

literal 0
HcmV?d00001

diff --git a/module/folder/view/index/folder.png b/module/folder/view/index/folder.png
new file mode 100644
index 0000000000000000000000000000000000000000..e90bb593bad5941735925c2be9e885b30daac9be
GIT binary patch
literal 465
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?3oVGw3ym^DX&fq}8v
z)5S5QV$Rze=d}+P${hcA{p?-Oe~nuwwM=uFq@wF76s4p3M=*?!FKEhPz7u@=*q<sD
z1s8wJuH&5@&)#nMd)b}+4{yhPV&B96X7|nAcI&I|+&}+X+Q1kHK4)!fU68Ao9sMBw
z$+d~wb#0#Mw0x95edNO@8RoqcA`knVWS$r1;IEs!ZV4lQ;Dzk(fjY~=10yFjToHP)
zb^BemPj!=OW@z1bes#s~eb=P~nf1gS^lw_*ANQ|#r7T%=wBd-%i>YtIY%9&<L?)CO
zaErZ4+1IrGHshzfH5m$TwJlxlwVjq*Vrc8ctH9o}g7HYh6$8@-83PYq1-3gp0n8nY
z*Z*E&C~}ZDZICFq>J1cCsb0bOq(Q;7VauOXbD+`-u0X+<k|3bc=dvKB)*z+V+<>BU
zwgoVsU_5(;A<1D;r<4Pa1t*B#3*;Xtv;}GnaOYJxd-MD5pNpfW8LPjW9^bvQ_f?1R
w_nkivOHET&e^<PDcIf4#hM7PhS+_Gk{PB9jdpU`Ez&K*?boFyt=akR{07vD%ga7~l

literal 0
HcmV?d00001

diff --git a/module/folder/view/index/folder.svg b/module/folder/view/index/folder.svg
new file mode 100644
index 00000000..f5969c3f
--- /dev/null
+++ b/module/folder/view/index/folder.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 55"><style>.st0{fill:url(#SVGID_1_)}.st0,.st1,.st2{stroke:#434242;stroke-width:1.25;stroke-miterlimit:10}.st1{fill:url(#SVGID_2_)}.st2{fill:#434242}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="35.943" y1="56.21" x2="35.943" y2="38.664" gradientTransform="matrix(1 0 0 -1 0 57)"><stop offset="0" stop-color="#fcfcfd"/><stop offset="1" stop-color="#fff"/></linearGradient><path class="st0" d="M2.6 18.3V2.5c0-.9.7-1.7 1.7-1.7h23.3l6.7 5h33.3c.9 0 1.7.8 1.7 1.7v10.9H2.6z"/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="35.943" y1="54.263" x2="35.943" y2="9.981"><stop offset=".109" stop-color="#debe00"/><stop offset=".532" stop-color="#cfad04"/><stop offset="1" stop-color="#a07802"/></linearGradient><path class="st1" d="M4.3 54.3h63.3c.9 0 1.6-.8 1.7-1.7L71 11.7c0-.9-.7-1.7-1.7-1.7h-25l-6.7 5h-35c-.9 0-1.7.8-1.7 1.7l1.7 35.9c.1.9.8 1.7 1.7 1.7z"/><path class="st2" d="M7.6 4.1h18.3c.9 0 1.7.8 1.7 1.7s-.7 1.7-1.7 1.7H7.6c-.9 0-1.7-.8-1.7-1.7s.8-1.7 1.7-1.7z"/></svg>
\ No newline at end of file
diff --git a/module/folder/view/index/index.css b/module/folder/view/index/index.css
index 752122e8..ff3e247e 100644
--- a/module/folder/view/index/index.css
+++ b/module/folder/view/index/index.css
@@ -27,17 +27,13 @@
   list-style: none;
 }
 
-#dirindex li.directory {
-  list-style-type: "\1F4C1";
-}
-
 #dirindex ul li {
+  list-style-type: none;
   margin-top: 10px;
 }
 
 #dirindex li  {
-  padding-left: 5px;
-  list-style-position : outside;
+  padding-left: 25px;
 }
 
 /* Style pour le pliage/dépliage des dossiers */
@@ -71,13 +67,20 @@ ul.sub-items {
 * Images des icônes
 */
 
-/** les dossiers  */
-#dirindex li.directory {
-  list-style-type: "\1F4C1";
+#dirindex li {
+  background-repeat: no-repeat;
 }
 
+#dirindex .small {
+  background-size: 15px;
+}
 
-/** fichiers par défaut (mime non trouvé)  */
-#dirindex li:not(.directory) {
-  list-style-type: "\1F4C4";
+/** les dossiers */
+#dirindex li.folder  {
+  background-image: url("module/folder/view/index/folder.svg");
+}
+
+/** fichiers par défaut (mime non trouvé) */
+#dirindex li:not(.folder) {
+  background-image: url("module/folder/view/index/png.svg");
 }
\ No newline at end of file
diff --git a/module/folder/view/index/png.svg b/module/folder/view/index/png.svg
new file mode 100644
index 00000000..49432d30
--- /dev/null
+++ b/module/folder/view/index/png.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 100"><style>.st0{opacity:.99}</style><g class="st0"><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="36.2" y1="3.005" x2="36.2" y2="101" gradientTransform="matrix(1 0 0 -1 0 102)"><stop offset="0" stop-color="#006b69"/><stop offset=".124" stop-color="#00807f"/><stop offset=".262" stop-color="#009393"/><stop offset=".41" stop-color="#00a3a3"/><stop offset=".571" stop-color="#00b0af"/><stop offset=".752" stop-color="#08b8b7"/><stop offset="1" stop-color="#14bbbb"/></linearGradient><path d="M45.2 1l26.9 26.7V99H.3V1h44.9z" fill="url(#SVGID_1_)"/><path d="M45.2 1l26.9 26.7V99H.3V1h44.9z" fill-opacity="0" stroke="#006e6c" stroke-width="2"/></g><path d="M8 91.1V71.2h6.5c2.5 0 4.1.1 4.8.3 1.1.3 2.1.9 2.9 1.9.8 1 1.2 2.3 1.2 3.9 0 1.2-.2 2.2-.7 3.1-.4.8-1 1.5-1.7 2s-1.4.8-2.1.9c-1 .2-2.4.3-4.2.3H12v7.5H8zm4-16.5v5.6h2.2c1.6 0 2.7-.1 3.2-.3.5-.2 1-.5 1.3-1 .3-.4.5-1 .5-1.5 0-.7-.2-1.3-.6-1.8-.4-.5-1-.8-1.6-.9-.5-.1-1.4-.1-2.9-.1H12zm14.6 16.5V71.2h3.9l8.2 13.2V71.2h3.7V91h-4l-8.1-12.9V91h-3.7zm29.5-7.3v-3.3h8.7v7.9c-.8.8-2.1 1.5-3.7 2.1-1.6.6-3.2.9-4.9.9-2.1 0-3.9-.4-5.5-1.3S48 88 47.2 86.4c-.8-1.6-1.2-3.4-1.2-5.3 0-2.1.4-3.9 1.3-5.5s2.1-2.8 3.8-3.7c1.3-.7 2.9-1 4.8-1 2.5 0 4.4.5 5.8 1.5s2.3 2.5 2.7 4.3l-4 .7c-.3-1-.8-1.7-1.6-2.3-.8-.6-1.7-.8-2.9-.8-1.8 0-3.2.6-4.2 1.7s-1.6 2.8-1.6 4.9c0 2.4.5 4.1 1.6 5.3s2.4 1.8 4.1 1.8c.8 0 1.7-.2 2.5-.5s1.6-.7 2.2-1.2v-2.5h-4.4z" fill="#fff"/><g class="st0"><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="45.214" y1="74.229" x2="58.667" y2="87.682" gradientTransform="matrix(1 0 0 -1 0 102)"><stop offset="0" stop-color="#d6ede8"/><stop offset=".297" stop-color="#d3ebe6"/><stop offset=".44" stop-color="#c7e3df"/><stop offset=".551" stop-color="#b7d8d5"/><stop offset=".645" stop-color="#a0cbc9"/><stop offset=".729" stop-color="#84bab9"/><stop offset=".804" stop-color="#62a7a7"/><stop offset=".874" stop-color="#349394"/><stop offset=".938" stop-color="#007f7f"/><stop offset=".998" stop-color="#006b6a"/><stop offset="1" stop-color="#006b69"/></linearGradient><path d="M45.2 1l26.9 26.7H45.2V1z" fill="url(#SVGID_2_)"/><path d="M45.2 1l26.9 26.7H45.2V1z" fill-opacity="0" stroke="#006e6c" stroke-width="2" stroke-linejoin="bevel"/></g><linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="36.25" y1="37.353" x2="36.25" y2="85.161" gradientTransform="matrix(1 0 0 -1 0 102)"><stop offset=".005" stop-color="#008281"/><stop offset=".343" stop-color="#006a69"/><stop offset="1" stop-color="#003836"/></linearGradient><path d="M62.7 56.8c-1.6-.8-4.6-6.6-9.2-7-4-.3-9.1-1.8-11.9-2-3.5-5.8-9.5-15-14.5-19.9l13.8.7C37.2 19.8 27.7 23 27.7 23l6.4-5.3c-8.2-3.3-11.6 4.7-11.6 4.7-8.5-4.7-12.9 3.3-12.9 3.3l8.8.6C8.4 29.1 11.2 39 11.2 39l8.9-8c-1.9 4.4 2.3 7.5 2.3 7.5L25 27.7s9.3 10.6 12.2 21.4c-3.7 1.9-9.5 5-14 5.6-6.2.8-13.5 5-13.5 5v4.9h53.1l-.1-7.8z" opacity=".99" fill="url(#SVGID_3_)"/></svg>
\ No newline at end of file