Merge pull request #4189 from alfonso-salces/MOBILE-2256

MOBILE-2256 privatefiles: Remove private files

Author: dpalou

src/addons/privatefiles/components/file/file.ts

@@ -40,6 +40,9 @@ export class AddonPrivateFilesFileComponent extends CoreFileComponent implements
         this.onOpenMenuClick = new EventEmitter<CoreFileComponent>();
     }
 
+    /**
+     * Emits onOpenMenuClick event with the current instance.
+     */
     openMenuClick(): void {
         this.onOpenMenuClick.emit(this);
     }

src/addons/privatefiles/pages/index/index.html

@@ -13,7 +13,7 @@
             <h1>{{ selectFilesEnabled() ? (selectedFiles.length + ' ' + title) : title }}</h1>
         </ion-title>
         <ion-buttons slot="end">
-            @if (selectFilesEnabled()) {
+            @if (selectFilesEnabled() && selectedFiles.length > 0) {
             <ion-button fill="clear" (click)="deleteSelectedFiles(true)" [ariaLabel]="'core.delete' | translate" color="danger">
                 <ion-icon slot="icon-only" name="fas-trash" aria-hidden="true" />
             </ion-button>
@@ -76,7 +76,7 @@ <h1>{{ selectFilesEnabled() ? (selectedFiles.length + ' ' + title) : title }}</h
     @if (showUpload && root !== 'site' && !path && !selectFilesEnabled()) {
     <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end">
         <ion-fab-button (click)="uploadFile()" [attr.aria-label]="'core.fileuploader.uploadafile' | translate">
-            <ion-icon name="fas-plus" aria-hidden="true" />
+            <ion-icon name="fas-arrow-up-from-bracket" aria-hidden="true" />
             <span class="sr-only">{{ 'core.fileuploader.uploadafile' | translate }}</span>
         </ion-fab-button>
     </ion-fab>

src/addons/privatefiles/pages/index/index.ts

@@ -298,9 +298,18 @@ export class AddonPrivateFilesIndexPage implements OnInit, OnDestroy {
      * Delete private files.
      */
     async deleteSelectedFiles(showConfirmation = false): Promise<void> {
+        if (this.selectedFiles.length === 0) {
+            return;
+        }
+
         if (showConfirmation) {
             try {
-                await CoreDomUtils.showDeleteConfirm('core.confirmremoveselectedfiles');
+                this.selectedFiles.length === 1
+                ? await CoreDomUtils.showDeleteConfirm(
+                    'core.confirmremoveselectedfile',
+                    { filename: this.selectedFiles[0].filename },
+                )
+                : await CoreDomUtils.showDeleteConfirm('core.confirmremoveselectedfiles');
             } catch {
                 return;
             }
@@ -360,6 +369,7 @@ export class AddonPrivateFilesIndexPage implements OnInit, OnDestroy {
     cancelFileSelection(): void {
         this.selectFilesEnabled.set(false);
         this.selectedFiles = [];
+        this.files = this.files?.map(file => ({ ...file, selected: false }));
     }
 
     /**