WIP new folder button

opf · Dec 10, 2024 · 0a96c2d · 0a96c2d
1 parent 3fbe773
commit 0a96c2d
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 0 deletions.
diff --git a/frontend/src/app/core/state/storage-files/storage-files.service.ts b/frontend/src/app/core/state/storage-files/storage-files.service.ts
@@ -79,6 +79,10 @@ export class StorageFilesResourceService {
     return this.httpClient.request<IUploadLink>(link.method, link.href, { body: link.payload });
   }
 
+  createFolder(href:string, body:{ name:string, parent_id:ID }):Observable<IStorageFile> {
+    return this.httpClient.post<IStorageFile>(href, body);
+  }
+
   reset():void {
     this.store.reset();
   }

diff --git a/...app/shared/components/storages/location-picker-modal/location-picker-modal.component.html b/...app/shared/components/storages/location-picker-modal/location-picker-modal.component.html
@@ -72,6 +72,12 @@
   </div>
 
   <div class="spot-action-bar">
+    <div class="spot-action-bar--left">
+      <button type="button" class="spot-link spot-action-bar--action" (click)="newFolder()" >
+        <span class="spot-icon spot-icon_folder op-files-tab--icon op-files-tab--icon_forums"></span>
+        <span [textContent]="text.buttons.newFolder"></span>
+      </button>
+    </div>
     <div class="spot-action-bar--right">
       <button
         type="button"

diff --git a/...c/app/shared/components/storages/location-picker-modal/location-picker-modal.component.ts b/...c/app/shared/components/storages/location-picker-modal/location-picker-modal.component.ts
@@ -74,6 +74,7 @@ export class LocationPickerModalComponent extends FilePickerBaseModalComponent {
       submitEmptySelection: this.i18n.t('js.storages.file_links.selection_none'),
       cancel: this.i18n.t('js.button_cancel'),
       selectAll: this.i18n.t('js.storages.file_links.select_all'),
+      newFolder: this.i18n.t('js.storages.new_folder'),
     },
     tooltip: {
       directory_not_writeable: this.i18n.t('js.storages.files.directory_not_writeable'),
@@ -144,6 +145,18 @@ export class LocationPickerModalComponent extends FilePickerBaseModalComponent {
     this.service.close();
   }
 
+  public newFolder():void {
+    this.storageFilesResourceService.createFolder(
+      `${this.storage._links.self.href}/folders`,
+      {
+        name: 'new-new',
+        parent_id: this.currentDirectory.id,
+      },
+    ).subscribe((_something) => {
+      // console.log({ something });
+    });
+  }
+
   protected storageFileToListItem(file:IStorageFile, index:number):StorageFileListItem {
     return new StorageFileListItem(
       this.timezoneService,

diff --git a/modules/storages/config/locales/js-en.yml b/modules/storages/config/locales/js-en.yml
@@ -13,6 +13,7 @@ en:
       open_storage: "Open %{storageType}"
       select_location: "Select location"
       choose_location: "Choose location"
+      new_folder: "New folder"
 
       types:
         nextcloud: "Nextcloud"