Merged CEO and Client App

2025-02-06 10:25:13 +02:00
parent eda2e2d2a0
commit 23802acd98
186 changed files with 365 additions and 11234 deletions
@@ -0,0 +1,203 @@
+document.addEventListener('DOMContentLoaded', async function () {
+    setInterval(loadReceivedFiles, 3000); // Call loadReceivedFiles every 3000 ms (3 seconds)
+
+    const backupButton = document.getElementById('backup-dir');
+    const shareButton = document.getElementById('share-dir');
+
+    const changeInfoButton = document.getElementById('change-info');
+    const shareFileButton = document.getElementById('share-file');
+    const logoutButton = document.getElementById('logout');
+    const restoreBackupButton = document.getElementById('restore-backup');
+    const buttonOverviewDepartments = document.getElementById('overview-departments');
+    const buttonOverviewUsers = document.getElementById('overview-users');
+    const buttonResetDatabase = document.getElementById('reset-database');
+    const buttonSendAnnouncement = document.getElementById('send-announcement');
+
+    backupButton.addEventListener('click', async function () {
+        await setPath('backupDirectory');
+    });
+
+    shareButton.addEventListener('click', async function () {
+        await setPath('shareDirectory');
+    });
+
+    buttonResetDatabase.addEventListener('click', async function () {
+        // Show a confirmation dialog
+        const userConfirmed = await showConfirmationDialog("Are you sure you want to reset the database? This action cannot be undone.");
+
+        // If the user confirms, perform the database reset
+        if (userConfirmed) {
+            await resetDatabase();
+        } else {
+            window.uiAPI.showAlert("Database reset canceled.");
+        }
+    });
+
+    buttonSendAnnouncement.addEventListener('click', async function () {
+        fadeOut('announcement');
+    });
+
+    buttonOverviewDepartments.addEventListener('click', async function () {
+        fadeOut('overview_departments');
+    });
+
+    buttonOverviewUsers.addEventListener('click', async function () {
+        fadeOut('overview_users');
+    });
+
+    changeInfoButton.addEventListener('click', function () {
+        fadeOut('profile');
+    });
+
+    shareFileButton.addEventListener('click', function () {
+        fadeOut('share_file');
+    });
+
+    logoutButton.addEventListener('click', async function () {
+        fadeOut('login');
+    });
+
+    // Add event listener for the restore backup button
+    restoreBackupButton.addEventListener('click', async function () {
+        await restoreBackup();
+    });
+});
+
+async function initialSetup(){
+    await checkAndSetAllDirectories();
+    await loadReceivedFiles();
+    await fetchUserInfo();
+}
+
+async function restoreBackup() {
+    const backupDirectory = await window.databaseAPI.isBackupSet();
+
+    if (backupDirectory) {
+        await window.uiAPI.showAlert('You have already set a backup directory. You cannot restore again.');
+        return;
+    }
+
+    // Prompt the user to choose the destination for the restored backup
+    const destinationPath = await window.uiAPI.selectDirectory();
+    if (!destinationPath) {
+        return; // User canceled the directory selection
+    }
+
+    // Call the IPC method to initiate the backup retrieval process
+    window.workersAPI.startBackupRetrieval(destinationPath);
+
+    // Switch the content to the 'backup_retrieve' page
+    fadeOut('backup_retrieve');
+}
+
+async function checkAndSetAllDirectories() {
+    const directorySchemes = await window.databaseAPI.getLocalResources();
+
+    backupDirId = directorySchemes.backup.id;
+    shareDirId = directorySchemes.shared.id;
+    departmentDirId = directorySchemes.department.id;
+
+    await attachNotificationButton(backupDirId, 'Set your backup directory!', 'backup_alert', 'alert');
+    await attachNotificationButton(shareDirId, 'Set your share directory!', 'share_alert', 'alert');
+    await attachNotificationButton(departmentDirId, 'Set your department directory!', 'department_alert', 'alert');
+}
+
+async function checkPathExistence(id) {
+    const dirInfo = await window.databaseAPI.getDirectoryInfo(id);
+    return dirInfo.path !== ''
+}
+
+async function setPath(id){
+    const path = await window.uiAPI.selectDirectory();
+    if (path === undefined) return false;
+
+    return await window.databaseAPI.writeDirectoryPath(id, path);
+}
+
+async function attachNotificationButton(entryId, buttonText, buttonId, buttonName) {
+    const path = await checkPathExistence(entryId);
+    if (!path) {
+        const notificationsDiv = document.getElementById('notifications');
+        const button = document.createElement('button');
+        button.className='alert';
+        button.id = buttonId;
+        button.name = buttonName;
+        button.textContent = buttonText;
+        button.addEventListener('click', async function () {
+            if(await setPath(entryId)) button.remove();
+        });
+        notificationsDiv.appendChild(button);
+    }
+}
+
+async function fetchUserInfo() {
+    const usernameField = document.getElementById('username-field');
+
+    // Read the user credentials from the userConfig
+    let userInfo = await window.databaseAPI.getUserInfo();
+    if (userInfo && userInfo.name) {
+        usernameField.textContent = userInfo.name;
+        return;
+    }
+
+    // Update the greeting with the fetched user's name
+    if (usernameField) {
+        usernameField.textContent = userInfo.name;
+    } else {
+        console.error("Username field is not available in the DOM.");
+    }
+}
+
+async function loadReceivedFiles() {
+    // Read the shareDirectory from applicationInfo
+    const shareDirData = await window.databaseAPI.getDirectoryInfo(shareDirId);
+
+    console.log('Loading received files:', shareDirData);
+
+    const notificationsDiv = document.getElementById('notifications');
+    const existingButtons = Array.from(notificationsDiv.children).map(button => button.getAttribute('data-filepath'));
+
+    // Iterate over each user and their files in the structure
+    Object.keys(shareDirData.structure).forEach(userName => {
+        const userFiles = shareDirData.structure[userName];
+
+        // Iterate over each file of the user
+        Object.keys(userFiles).forEach(fileName => {
+            const filePath = userFiles[fileName];
+
+            // Check if a button for this file path already exists
+            if (!existingButtons.includes(filePath)) {
+                const button = document.createElement('button');
+                button.setAttribute('data-filepath', filePath); // Set a custom attribute to track the file path
+                button.className = 'notification';
+                button.name = 'notification';
+                button.textContent = `You received a file "${fileName}" from ${userName}`; // Display the userName and file name
+                button.addEventListener('click', () => handleFileReceivedButtonPressed(filePath, button));
+                notificationsDiv.appendChild(button);
+            }
+        });
+    });
+}
+
+async function handleFileReceivedButtonPressed(filePath, button) {
+    console.log('Notification button clicked!');
+
+    // Open the file in the file explorer
+    await window.uiAPI.showFileInExplorer(filePath)
+        .then(() => console.log('File explorer opened for: ' + filePath))
+        .catch(error => console.error('Error opening file explorer:', error));
+
+    // Remove the button after opening the file
+    button.remove();
+}
+
+async function showConfirmationDialog(message) {
+    return new Promise((resolve) => {
+        const userResponse = window.confirm(message); // Show native confirmation dialog
+        resolve(userResponse); // Resolve with true (OK) or false (Cancel)
+    });
+}
+
+async function resetDatabase(){
+    fadeOut('reset_database');
+}