create make folder function

DDMAL · Jul 6, 2023 · 464ac3d · 464ac3d
1 parent 76faf99
commit 464ac3d
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 6 deletions.
diff --git a/assets/img/new-folder.svg b/assets/img/new-folder.svg
diff --git a/deployment/server/dashboard.html b/deployment/server/dashboard.html
@@ -66,6 +66,7 @@
 
         <div class="main-section-action-bar">
             <img id="upload-new-doc-button" class="action-bar-item-container active" src="./Neon-gh/assets/img/new-doc.svg" title="upload">
+            <img id="add-folder-button" class="action-bar-item-container active" src="./Neon-gh/assets/img/new-folder.svg" title="folder">
             <div class="dividing-line action-bar-item-container active"></div>
             <img id="remove-doc" class="action-bar-item-container" src="./Neon-gh/assets/img/remove-doc.svg" title="delete">
             <img id="open-doc" class="action-bar-item-container" src="./Neon-gh/assets/img/open-doc.svg" title="open">

diff --git a/src/Dashboard/DocumentSelector.ts b/src/Dashboard/DocumentSelector.ts
@@ -14,6 +14,7 @@ const navBackButton: HTMLButtonElement = document.querySelector('#fs-back-btn');
 const navPathContainer: HTMLDivElement = document.querySelector('#nav-path-container');
 
 const uploadDocumentsButton = document.querySelector('#upload-new-doc-button');
+const newFolderButton = document.querySelector('#add-folder-button');
 
 const shiftSelection = new ShiftSelectionManager();
 const fsm = FileSystemManager();
@@ -27,9 +28,11 @@ let orderedSelection: boolean[];
 let metaKeyIsPressed = false;
 let shiftKeyIsPressed = false;
 
+navBackButton!.addEventListener('click', handleNavigateBack);
 openButton!.addEventListener('click', handleOpenDocuments);
 deleteButton!.addEventListener('click', handleDeleteDocuments);
-navBackButton!.addEventListener('click', handleNavigateBack);
+uploadDocumentsButton!.addEventListener('click', () => InitUploadArea(currentPath.at(-1)));
+newFolderButton!.addEventListener('click', handleCreateFolder)
 
 window.addEventListener('keydown', (e) => {
   if (e.metaKey) metaKeyIsPressed = true;
@@ -58,10 +61,6 @@ backgroundArea!.addEventListener('click', (e) => {
   }
 });
 
-uploadDocumentsButton!.addEventListener('click', function() {
-  InitUploadArea(currentPath.at(-1));
-});
-
 // gets user selected filenames
 function getSelectionFilenames() {
   return orderedEntries.filter((_, idx) => orderedSelection[idx]);
@@ -216,6 +215,13 @@ function handleOpenDocuments() {
 }
 
 function handleDeleteDocuments() {
+  // abort if parent folder is immutable
+  const isImmutable = currentPath.at(-1).metadata['immutable'];
+  if (isImmutable) {
+    window.alert(`Cannot delete documents. ${currentPath.join('/')} is immutable.`);
+    return;
+  }
+
   function deleteFileEntry(file: IFile): Promise<boolean> {
     return new Promise((resolve, reject) => {
       deleteEntry(file.content)
@@ -250,7 +256,7 @@ function handleDeleteDocuments() {
   // Create a formatted list of filenames to display in alert message
   const createList = (entryArray: IEntry[]) => entryArray.map(entry => `- ${entry.name} (${entry.type})`).join('\n');
 
-  let alertMessage: string;
+  let alertMessage = '';
 
   if (immutableEntries.length > 0) {
     const immutableMessage = `The following files cannot be deleted:\n${createList(immutableEntries)}\n`;
@@ -316,6 +322,19 @@ function updateNavPath(currentPath: IFolder[]): void {
   });
 }
 
+function handleCreateFolder() {
+  // abort if parent folder is immutable
+  const isImmutable = currentPath.at(-1).metadata['immutable'];
+  if (isImmutable) {
+    window.alert(`Cannot add folder. ${currentPath.join('/')} is immutable.`);
+    return;
+  }
+
+  const folder = fs_functions.createFolder('new file');
+  fs_functions.addEntry(folder, currentPath.at(-1));
+  updateDocumentSelector();
+}
+
 export async function updateDocumentSelector(newPath?: IFolder[]): Promise<void> {
   if (!newPath) newPath = currentPath;
   currentPath = newPath;