Añadir columna "Última Modificación" en la tabla y mejorar el enlace de carpeta con nombre escapado

Author: wanetty

internal/statics/css/styles.css

@@ -5,18 +5,12 @@ body {
     padding: 20px;
     color: #333;
 }
-.tab-content > div:first-child {
- .action-btn.download:hover {
-    color: #2980b9;
-}
 
-.action-btn.search:hover {
-    color: #3498db;
-}
-
-/* Button Styles */dth: 100%;
+.tab-content > div:first-child {
+    width: 100%;
     display: block;
 }
+
 .styled-table {
     width: 100%;
     margin: 0 auto;
@@ -191,6 +185,12 @@ body {
 
 .styled-table td {
     padding: 12px 20px;
+    /* Last Modified column: allow enough width for date/time */
+    &:nth-child(4) {
+        min-width: 140px;
+        max-width: 180px;
+        white-space: nowrap;
+    }
     text-align: center;
     border-bottom: 1px solid #dddddd;
 }
@@ -277,6 +277,10 @@ td a:hover {
     color: #009879;
 }
 
+.action-btn.search:hover {
+    color: #3498db;
+}
+
 /* Button Styles */
 .btn {
     display: inline-block;

internal/statics/js/main.js

@@ -605,6 +605,19 @@ function sortTable(n, type = 'string') {
         const cellA = rowA.cells[n].innerText.trim();
         const cellB = rowB.cells[n].innerText.trim();
 
+        // Last Modified column (date sorting)
+        if (n === 3) {
+            // Try to parse as ISO date, fallback to string
+            const dateA = Date.parse(cellA);
+            const dateB = Date.parse(cellB);
+            if (!isNaN(dateA) && !isNaN(dateB)) {
+                return sortOrder === 'asc' ? dateA - dateB : dateB - dateA;
+            }
+            // Fallback to string compare if not valid date
+            if (cellA < cellB) return sortOrder === 'asc' ? -1 : 1;
+            if (cellA > cellB) return sortOrder === 'asc' ? 1 : -1;
+            return 0;
+        }
         if (type === 'number') {
             const numA = parseFloat(cellA) || 0;
             const numB = parseFloat(cellB) || 0;
@@ -619,10 +632,11 @@ function sortTable(n, type = 'string') {
     table.innerHTML = "";
     rows.forEach(row => table.appendChild(row));
 
-   document.querySelectorAll("th i").forEach(icon => icon.className = 'fa');
-    const iconId = n === 0 ? 'name-icon' : 
-                n === 2 ? 'size-icon' : 
-                n === 3 ? 'custom-path-icon' : '';
+    document.querySelectorAll("th i").forEach(icon => icon.className = 'fa');
+    const iconId = n === 0 ? 'name-icon' :
+                    n === 2 ? 'size-icon' :
+                    n === 3 ? 'modified-icon' :
+                    n === 4 ? 'custom-path-icon' : '';
     if (iconId) {
         const icon = document.getElementById(iconId);
         icon.className = "fa fa-sort-" + (sortOrder === 'asc' ? 'asc' : 'desc');

internal/statics/templates/index.html

@@ -35,7 +35,8 @@
                                 <th onclick="sortTable(0)">Name <i id="name-icon" class="fa"></i></th>
                                 <th>Permissions</th>
                                 <th onclick="sortTable(2, 'number')">Size <i id="size-icon" class="fa"></i></th>
-                                <th onclick="sortTable(3)">Custom Path <i id="custom-path-icon" class="fa"></i></th>
+                                <th onclick="sortTable(3)">Last Modified <i id="modified-icon" class="fa"></i></th>
+                                <th onclick="sortTable(4)">Custom Path <i id="custom-path-icon" class="fa"></i></th>
                                 <th>Actions</th>
                             </tr>
                         </thead>
@@ -44,7 +45,7 @@
                         </tbody>
                         <tfoot>
                             <tr>
-                                <td colspan="5">
+                                <td colspan="6">
                                     <div style="{{ .HiddenDisplay }} justify-content: space-between; align-items: center;">
                                         <label class="checkbox-container" for="showAlertCheckbox">
                                             Show Hidden Files

upgopher.go

@@ -623,20 +623,23 @@ func createFolderRow(file fs.DirEntry, currentPath string, fileInfo os.FileInfo)
 	encodedPath := createEncodedPath(currentPath, file.Name())
 	escapedencodedFilePath := html.EscapeString(encodedPath)
 
-	folderLink := fmt.Sprintf(`<a href="/?path=%s">%s</a>`, escapedencodedFilePath, file.Name())
+	escapedFolderName := html.EscapeString(file.Name())
+	folderLink := fmt.Sprintf(`<a href="/?path=%s">%s</a>`, escapedencodedFilePath, escapedFolderName)
+	lastModified := fileInfo.ModTime().Format("2006-01-02 15:04:05")
 	return fmt.Sprintf(`
-        <tr>
-            <td>%s</td>
-            <td>%s</td>
-            <td>-</td>
-            <td>-</td>
-            <td>
-                <div class="action-buttons">
-                    <span>-</span>
-                </div>
-            </td>
-        </tr>
-    `, folderLink, fileInfo.Mode())
+		<tr>
+			<td>%s</td>
+			<td>%s</td>
+			<td>-</td>
+			<td>%s</td>
+			<td>-</td>
+			<td>
+				<div class="action-buttons">
+					<span>-</span>
+				</div>
+			</td>
+		</tr>
+	`, folderLink, fileInfo.Mode(), lastModified)
 }
 
 func createFileRow(file fs.DirEntry, currentPath string, fileInfo os.FileInfo) string {
@@ -654,7 +657,7 @@ func createFileRow(file fs.DirEntry, currentPath string, fileInfo os.FileInfo) s
 	customPath, exists := customPaths[filePath]
 	fmt.Println(currentPath)
 	if exists {
-		customPathDisplay = customPath
+		customPathDisplay = html.EscapeString(customPath)
 	}
 	// Determinar si el archivo es legible (texto)
 	isReadableFile := isTextFile(file.Name())
@@ -671,20 +674,22 @@ func createFileRow(file fs.DirEntry, currentPath string, fileInfo os.FileInfo) s
 	}
 
 	fileSize, units := formatFileSize(fileInfo.Size())
+	lastModified := fileInfo.ModTime().Format("2006-01-02 15:04:05")
 
 	return fmt.Sprintf(`
-        <tr>
-            <td>%s</td>
-            <td>%s</td>
-            <td>%.2f %s</td>
-            <td>%s</td>
-            <td>
-                <div class="action-buttons">
-                    %s%s%s%s%s
-                </div>
-            </td>
-        </tr>
-    `, escapedFileName, fileInfo.Mode(), fileSize, units, customPathDisplay,
+		<tr>
+			<td>%s</td>
+			<td>%s</td>
+			<td>%.2f %s</td>
+			<td>%s</td>
+			<td>%s</td>
+			<td>
+				<div class="action-buttons">
+					%s%s%s%s%s
+				</div>
+			</td>
+		</tr>
+	`, escapedFileName, fileInfo.Mode(), fileSize, units, lastModified, customPathDisplay,
 		downloadLink, copyURLButton, customPathButton, searchButton, deleteLink)
 }