@@ -702,54 +853,22 @@
// Wait for i18n to initialize
setTimeout(function() {
if (window.i18n) {
- // English
- if (!window.i18n.t('files.view_grid')) {
- // Add view_grid and view_list translations to existing English translations
- const enTranslations = {
- 'files.view_grid': 'Grid view',
- 'files.view_list': 'List view'
- };
-
- // Add them to the i18n system (if possible)
- for (const key in enTranslations) {
- // We're simulating adding translations to the cache
- // This is a workaround and might need adaptation for your actual i18n system
- const baseObj = window.i18n._getBaseObjectForKey ?
- window.i18n._getBaseObjectForKey('en', key) : null;
-
- if (baseObj) {
- const lastKey = key.split('.').pop();
- baseObj[lastKey] = enTranslations[key];
- }
- }
- }
+ // Add translations for view_grid and view_list if they're missing
+ window.i18n.viewGridTranslation = {
+ 'en': 'Grid view',
+ 'es': 'Vista de cuadrícula'
+ };
+ window.i18n.viewListTranslation = {
+ 'en': 'List view',
+ 'es': 'Vista de lista'
+ };
- // Spanish
- if (!window.i18n.t('files.view_grid')) {
- // Add view_grid and view_list translations to existing Spanish translations
- const esTranslations = {
- 'files.view_grid': 'Vista de cuadrícula',
- 'files.view_list': 'Vista de lista'
- };
-
- // Add them to the i18n system (if possible)
- for (const key in esTranslations) {
- // We're simulating adding translations to the cache
- // This is a workaround and might need adaptation for your actual i18n system
- const baseObj = window.i18n._getBaseObjectForKey ?
- window.i18n._getBaseObjectForKey('es', key) : null;
-
- if (baseObj) {
- const lastKey = key.split('.').pop();
- baseObj[lastKey] = esTranslations[key];
- }
- }
- }
+ // Apply titles to buttons
+ document.getElementById('grid-view-btn').title =
+ window.i18n.viewGridTranslation[window.i18n.getCurrentLocale()] || 'Grid view';
- // Re-translate the page
- if (window.i18n.translatePage) {
- window.i18n.translatePage();
- }
+ document.getElementById('list-view-btn').title =
+ window.i18n.viewListTranslation[window.i18n.getCurrentLocale()] || 'List view';
}
}, 500);
});
@@ -1535,11 +1654,52 @@
console.error('Error loading files:', error);
// File API may not be implemented yet, so we silently ignore this error
}
+
+ // Actualizar los iconos de los archivos
+ updateFileIcons();
} catch (error) {
console.error('Error loading files:', error);
}
}
+ /**
+ * Actualiza los iconos de archivos según su tipo
+ */
+ function updateFileIcons() {
+ // Buscar todos los elementos de archivo
+ const fileCards = document.querySelectorAll('.file-card');
+
+ fileCards.forEach(card => {
+ // Obtener el nombre del archivo si existe
+ const fileName = card.querySelector('.file-name')?.textContent || '';
+
+ // Obtener el icono existente
+ const iconElement = card.querySelector('.file-icon');
+ if (!iconElement) return;
+
+ // Si ya tiene una clase específica, no hacer nada
+ if (iconElement.classList.contains('folder-icon')) {
+ // Es una carpeta, eliminar el icono de font-awesome
+ iconElement.innerHTML = '';
+ }
+ // Si es un documento
+ else if (fileName.endsWith('.docx') || fileName.endsWith('.pdf') || fileName.endsWith('.txt') || fileName.endsWith('.xlsx')) {
+ iconElement.classList.add('doc-icon');
+ iconElement.innerHTML = ''; // Eliminar el icono de font-awesome
+ }
+ // Si es una imagen
+ else if (fileName.endsWith('.jpg') || fileName.endsWith('.png') || fileName.endsWith('.gif') || fileName.endsWith('.jpeg')) {
+ iconElement.classList.add('image-icon');
+ iconElement.innerHTML = ''; // Eliminar el icono de font-awesome
+ }
+ // Si es un video
+ else if (fileName.endsWith('.mp4') || fileName.endsWith('.avi') || fileName.endsWith('.mov') || fileName.endsWith('.mkv')) {
+ iconElement.classList.add('video-icon');
+ iconElement.innerHTML = ''; // Eliminar el icono de font-awesome
+ }
+ });
+ }
+
/**
* Añade una carpeta a las vistas
*/
@@ -1782,7 +1942,7 @@