auth additions

auth.js

@@ -32,20 +32,20 @@ export function initAuth() {
   });
 }
 
-  // Set up the logout button.
+// Set up the logout button.
-  document.getElementById("logoutBtn").addEventListener("click", function () {
+document.getElementById("logoutBtn").addEventListener("click", function () {
   fetch("logout.php", { method: "POST" })
     .then(() => window.location.reload(true))
     .catch(error => console.error("Logout error:", error));
-  });
+});
 
-  // Set up Add User functionality.
+// Set up Add User functionality.
-  document.getElementById("addUserBtn").addEventListener("click", function () {
+document.getElementById("addUserBtn").addEventListener("click", function () {
   resetUserForm();
   toggleVisibility("addUserModal", true);
-  });
+});
 
-  document.getElementById("saveUserBtn").addEventListener("click", function () {
+document.getElementById("saveUserBtn").addEventListener("click", function () {
   const newUsername = document.getElementById("newUsername").value.trim();
   const newPassword = document.getElementById("newPassword").value.trim();
   const isAdmin = document.getElementById("isAdmin").checked;
@@ -73,19 +73,19 @@ export function initAuth() {
       }
     })
     .catch(error => console.error("Error adding user:", error));
-  });
+});
 
-  document.getElementById("cancelUserBtn").addEventListener("click", function () {
+document.getElementById("cancelUserBtn").addEventListener("click", function () {
   closeAddUserModal();
-  });
+});
 
-  // Set up Remove User functionality.
+// Set up Remove User functionality.
-  document.getElementById("removeUserBtn").addEventListener("click", function () {
+document.getElementById("removeUserBtn").addEventListener("click", function () {
   loadUserList();
   toggleVisibility("removeUserModal", true);
-  });
+});
 
-  document.getElementById("deleteUserBtn").addEventListener("click", function () {
+document.getElementById("deleteUserBtn").addEventListener("click", function () {
   const selectElem = document.getElementById("removeUsernameSelect");
   const usernameToRemove = selectElem.value;
   if (!usernameToRemove) {
@@ -111,14 +111,15 @@ export function initAuth() {
       }
     })
     .catch(error => console.error("Error removing user:", error));
-  });
+});
 
-  document.getElementById("cancelRemoveUserBtn").addEventListener("click", function () {
+document.getElementById("cancelRemoveUserBtn").addEventListener("click", function () {
   closeRemoveUserModal();
-  });
+});
 
 export function checkAuthentication() {
-  sendRequest("checkAuth.php")
+  // Return the promise from sendRequest
+  return sendRequest("checkAuth.php")
     .then(data => {
       if (data.setup) {
         window.setupMode = true;
@@ -128,7 +129,7 @@ export function checkAuthentication() {
         toggleVisibility("mainOperations", false);
         document.querySelector(".header-buttons").style.visibility = "hidden";
         toggleVisibility("addUserModal", true);
-        return;
+        return false;
       } else {
         window.setupMode = false;
       }
@@ -137,7 +138,7 @@ export function checkAuthentication() {
         toggleVisibility("mainOperations", true);
         toggleVisibility("uploadFileForm", true);
         toggleVisibility("fileListContainer", true);
-        // Check admin status to determine if Add/Remove User buttons should be shown.
+        // Show Add/Remove User buttons if admin.
         if (data.isAdmin) {
           const addUserBtn = document.getElementById("addUserBtn");
           const removeUserBtn = document.getElementById("removeUserBtn");
@@ -150,6 +151,7 @@ export function checkAuthentication() {
           if (removeUserBtn) removeUserBtn.style.display = "none";
         }
         document.querySelector(".header-buttons").style.visibility = "visible";
+        return true;
       } else {
         showToast("Please log in to continue.");
         toggleVisibility("loginForm", true);
@@ -157,9 +159,13 @@ export function checkAuthentication() {
         toggleVisibility("uploadFileForm", false);
         toggleVisibility("fileListContainer", false);
         document.querySelector(".header-buttons").style.visibility = "hidden";
+        return false;
       }
     })
-    .catch(error => console.error("Error checking authentication:", error));
+    .catch(error => {
+      console.error("Error checking authentication:", error);
+      return false;
+    });
 }
 window.checkAuthentication = checkAuthentication;
 
@@ -202,4 +208,4 @@ function loadUserList() {
       }
     })
     .catch(error => console.error("Error loading user list:", error));
-  }
+}

index.html

@@ -168,7 +168,7 @@
     </div>
 
     <!-- File List Section -->
-    <div id="fileListContainer">
+    <div id="fileListContainer" style="display: none;">
       <h2 id="fileListTitle">Files in (Root)</h2>
       <div id="fileListActions" class="file-list-actions">
         <button id="deleteSelectedBtn" class="btn action-btn" style="display: none;">

main.js

@@ -15,12 +15,9 @@ import {
   displayFilePreview,
   renameFile
 } from './fileManager.js';
-import { 
+import { loadFolderTree } from './folderManager.js';
-  loadFolderTree,  
-  loadFolderList
-} from './folderManager.js';
 import { initUpload } from './upload.js';
-import { initAuth } from './auth.js';
+import { initAuth, checkAuthentication } from './auth.js';
 
 // Expose functions for inline handlers.
 window.sendRequest = sendRequest;
@@ -44,10 +41,16 @@ document.addEventListener("DOMContentLoaded", function () {
       showToast(message);
       sessionStorage.removeItem("welcomeMessage");
     }
+    checkAuthentication().then(authenticated => {
+      if (authenticated) {
         window.currentFolder = "root";
-    window.updateFileActionButtons = updateFileActionButtons;
         loadFileList(window.currentFolder);
         initFileActions();
         initUpload();
         loadFolderTree();
+      } else {
+        console.warn("User not authenticated. Data loading deferred.");
+        // Optionally redirect to login
+      }
+    });
   });