adding ui sharing

2025-03-28 08:09:18 +01:00
parent f9955bb710
commit fb276d9b24
18 changed files with 2452 additions and 295 deletions
@@ -23,6 +23,13 @@ const contextMenus = {
            }
            window.ui.closeContextMenu();
        });
+        
+        document.getElementById('share-folder-option').addEventListener('click', () => {
+            if (window.app.contextMenuTargetFolder) {
+                this.showShareDialog(window.app.contextMenuTargetFolder, 'folder');
+            }
+            window.ui.closeContextMenu();
+        });

        document.getElementById('delete-folder-option').addEventListener('click', async () => {
            if (window.app.contextMenuTargetFolder) {
@@ -42,6 +49,13 @@ const contextMenus = {
            window.ui.closeFileContextMenu();
        });

+        document.getElementById('share-file-option').addEventListener('click', () => {
+            if (window.app.contextMenuTargetFile) {
+                this.showShareDialog(window.app.contextMenuTargetFile, 'file');
+            }
+            window.ui.closeFileContextMenu();
+        });
+
        document.getElementById('delete-file-option').addEventListener('click', async () => {
            if (window.app.contextMenuTargetFile) {
                await window.fileOps.deleteFile(
@@ -249,6 +263,226 @@ const contextMenus = {
        } catch (error) {
            console.error('Error loading folders:', error);
        }
+    },
+    /**
+     * Show share dialog for files or folders
+     * @param {Object} item - File or folder object
+     * @param {string} itemType - 'file' or 'folder'
+     */
+    showShareDialog(item, itemType) {
+        // Update dialog title based on item type
+        const dialogHeader = document.getElementById('share-dialog').querySelector('.share-dialog-header');
+        const itemName = document.getElementById('shared-item-name');
+        
+        // Update dialog content
+        dialogHeader.textContent = itemType === 'file' ?
+            (window.i18n ? window.i18n.t('dialogs.share_file') : 'Compartir archivo') :
+            (window.i18n ? window.i18n.t('dialogs.share_folder') : 'Compartir carpeta');
+        
+        itemName.textContent = item.name;
+        
+        // Reset form
+        document.getElementById('share-password').value = '';
+        document.getElementById('share-expiration').value = '';
+        document.getElementById('share-permission-read').checked = true;
+        document.getElementById('share-permission-write').checked = false;
+        document.getElementById('share-permission-reshare').checked = false;
+        
+        // Store the current item and type for use when creating the share
+        window.app.shareDialogItem = item;
+        window.app.shareDialogItemType = itemType;
+        
+        // Check if item already has shares
+        const existingShares = window.fileSharing.getSharedLinksForItem(item.id, itemType);
+        const existingSharesContainer = document.getElementById('existing-shares-container');
+        
+        // Clear existing shares container
+        existingSharesContainer.innerHTML = '';
+        
+        if (existingShares.length > 0) {
+            document.getElementById('existing-shares-section').style.display = 'block';
+            
+            // Create elements for each existing share
+            existingShares.forEach(share => {
+                const shareEl = document.createElement('div');
+                shareEl.className = 'existing-share-item';
+                
+                const expiresText = share.expires_at ? 
+                    `Vence: ${window.fileSharing.formatExpirationDate(share.expires_at)}` : 
+                    'Sin vencimiento';
+                
+                shareEl.innerHTML = `
+                    <div class="share-url">${share.url}</div>
+                    <div class="share-info">
+                        ${share.password_protected ? '<span class="share-protected"><i class="fas fa-lock"></i> Con contraseña</span>' : ''}
+                        <span class="share-expiration">${expiresText}</span>
+                    </div>
+                    <div class="share-actions">
+                        <button class="btn btn-small copy-link-btn" data-share-url="${share.url}">
+                            <i class="fas fa-copy"></i> Copiar
+                        </button>
+                        <button class="btn btn-small btn-danger delete-link-btn" data-share-id="${share.id}">
+                            <i class="fas fa-trash"></i> Eliminar
+                        </button>
+                    </div>
+                `;
+                
+                existingSharesContainer.appendChild(shareEl);
+            });
+            
+            // Add event listeners for copy and delete buttons
+            document.querySelectorAll('.copy-link-btn').forEach(btn => {
+                btn.addEventListener('click', (e) => {
+                    e.preventDefault();
+                    const url = btn.getAttribute('data-share-url');
+                    window.fileSharing.copyLinkToClipboard(url);
+                });
+            });
+            
+            document.querySelectorAll('.delete-link-btn').forEach(btn => {
+                btn.addEventListener('click', (e) => {
+                    e.preventDefault();
+                    const shareId = btn.getAttribute('data-share-id');
+                    
+                    if (confirm('¿Estás seguro de que quieres eliminar este enlace compartido?')) {
+                        window.fileSharing.removeSharedLink(shareId);
+                        btn.closest('.existing-share-item').remove();
+                        
+                        // Check if we still have shares
+                        if (existingSharesContainer.children.length === 0) {
+                            document.getElementById('existing-shares-section').style.display = 'none';
+                        }
+                    }
+                });
+            });
+        } else {
+            document.getElementById('existing-shares-section').style.display = 'none';
+        }
+        
+        // Show dialog
+        document.getElementById('share-dialog').style.display = 'flex';
+    },
+    
+    /**
+     * Create a shared link with the configured options
+     */
+    createSharedLink() {
+        if (!window.app.shareDialogItem || !window.app.shareDialogItemType) {
+            window.ui.showNotification('Error', 'No se pudo compartir el elemento');
+            return;
+        }
+        
+        // Get values from form
+        const password = document.getElementById('share-password').value;
+        const expirationDate = document.getElementById('share-expiration').value;
+        const permissionRead = document.getElementById('share-permission-read').checked;
+        const permissionWrite = document.getElementById('share-permission-write').checked;
+        const permissionReshare = document.getElementById('share-permission-reshare').checked;
+        
+        // Prepare options
+        const options = {
+            password: password || null,
+            expirationDate: expirationDate || null,
+            permissions: {
+                read: permissionRead,
+                write: permissionWrite,
+                reshare: permissionReshare
+            }
+        };
+        
+        try {
+            const item = window.app.shareDialogItem;
+            const itemType = window.app.shareDialogItemType;
+            
+            // Create share
+            const shareInfo = window.fileSharing.generateSharedLink(
+                item.id, 
+                itemType, 
+                options
+            );
+            
+            // Update UI with new share
+            const shareUrl = document.getElementById('generated-share-url');
+            shareUrl.value = shareInfo.url;
+            document.getElementById('new-share-section').style.display = 'block';
+            
+            // Focus and select for easy copying
+            shareUrl.focus();
+            shareUrl.select();
+            
+            // Show success message
+            window.ui.showNotification('Enlace creado', 'Enlace compartido creado correctamente');
+            
+            // Reload existing shares
+            this.showShareDialog(item, itemType);
+            
+        } catch (error) {
+            console.error('Error creating shared link:', error);
+            window.ui.showNotification('Error', 'No se pudo crear el enlace compartido');
+        }
+    },
+    
+    /**
+     * Show email notification dialog
+     * @param {string} shareUrl - URL to share
+     */
+    showEmailNotificationDialog(shareUrl) {
+        // Update dialog content
+        document.getElementById('notification-share-url').textContent = shareUrl;
+        document.getElementById('notification-email').value = '';
+        document.getElementById('notification-message').value = '';
+        
+        // Store the URL for later use
+        window.app.notificationShareUrl = shareUrl;
+        
+        // Show dialog
+        document.getElementById('notification-dialog').style.display = 'flex';
+    },
+    
+    /**
+     * Send share notification email
+     */
+    sendShareNotification() {
+        const email = document.getElementById('notification-email').value.trim();
+        const message = document.getElementById('notification-message').value.trim();
+        const shareUrl = window.app.notificationShareUrl;
+        
+        if (!email || !shareUrl) {
+            window.ui.showNotification('Error', 'Por favor, ingresa un correo electrónico válido');
+            return;
+        }
+        
+        // Validate email format
+        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        if (!emailRegex.test(email)) {
+            window.ui.showNotification('Error', 'Por favor, ingresa un correo electrónico válido');
+            return;
+        }
+        
+        try {
+            window.fileSharing.sendShareNotification(shareUrl, email, message);
+            document.getElementById('notification-dialog').style.display = 'none';
+        } catch (error) {
+            console.error('Error sending notification:', error);
+            window.ui.showNotification('Error', 'No se pudo enviar la notificación');
+        }
+    },
+    
+    /**
+     * Close share dialog
+     */
+    closeShareDialog() {
+        document.getElementById('share-dialog').style.display = 'none';
+        window.app.shareDialogItem = null;
+        window.app.shareDialogItemType = null;
+    },
+    
+    /**
+     * Close notification dialog
+     */
+    closeNotificationDialog() {
+        document.getElementById('notification-dialog').style.display = 'none';
+        window.app.notificationShareUrl = null;
    }
 };