From b3c299b1c8dc07b2ddb42a55ac958fc0e1017a56 Mon Sep 17 00:00:00 2001
From: Bruno Pagno <b.pagno@openproject.com>
Date: Sun, 15 Dec 2024 16:01:08 +0100
Subject: [PATCH] disable new folder when the user does not have write
 permission

---
 .../location-picker-modal.component.html                  | 1 +
 .../location-picker-modal.component.ts                    | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/frontend/src/app/shared/components/storages/location-picker-modal/location-picker-modal.component.html b/frontend/src/app/shared/components/storages/location-picker-modal/location-picker-modal.component.html
index f6e263e38afd..9fb30308ad89 100644
--- a/frontend/src/app/shared/components/storages/location-picker-modal/location-picker-modal.component.html
+++ b/frontend/src/app/shared/components/storages/location-picker-modal/location-picker-modal.component.html
@@ -76,6 +76,7 @@
       <button
         type="button"
         class="button spot-action-bar--action"
+        [disabled]="!canCreateFolder"
         (click)="createAndNavigateToFolder()"
       >
         <span class="spot-icon spot-icon_folder-add op-files-tab--icon op-files-tab--icon_forums"></span>
diff --git a/frontend/src/app/shared/components/storages/location-picker-modal/location-picker-modal.component.ts b/frontend/src/app/shared/components/storages/location-picker-modal/location-picker-modal.component.ts
index 2e9ca084c8c3..f21649e0782f 100644
--- a/frontend/src/app/shared/components/storages/location-picker-modal/location-picker-modal.component.ts
+++ b/frontend/src/app/shared/components/storages/location-picker-modal/location-picker-modal.component.ts
@@ -102,6 +102,14 @@ export class LocationPickerModalComponent extends FilePickerBaseModalComponent {
     return this.currentDirectory.permissions.some((value) => value === 'writeable');
   }
 
+  public get canCreateFolder():boolean {
+    if (!this.currentDirectory) {
+      return false;
+    }
+
+    return this.currentDirectory.permissions.some((value) => value === 'writeable');
+  }
+
   public get alertText():Observable<string> {
     return this.showAlert
       .pipe(