@flusys/ng-storage 4.1.0 → 5.0.0

package/fesm2022/flusys-ng-storage-file-manager-form.component-BLJDAvBX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-file-manager-form.component-BLJDAvBX.mjs","sources":["../../../projects/ng-storage/pages/file-manager/file-manager-form.component.ts"],"sourcesContent":["import { Component, computed, effect, inject, signal } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { form, FormField, required } from '@angular/forms/signals';\nimport { ActivatedRoute } from '@angular/router';\nimport { TranslateService } from '@flusys/ng-localization';\nimport { AngularModule, PrimeModule, TranslatePipe } from '@flusys/ng-shared';\nimport { firstValueFrom } from 'rxjs';\nimport { IFileManager } from '../../interfaces/file-manager.interface';\nimport { IFolder } from '../../interfaces/folder.interface';\nimport { IStorageConfig } from '../../interfaces/storage-config.interface';\nimport { FileManagerApiService } from '../../services/file-manager-api.service';\nimport { FolderApiService } from '../../services/folder-api.service';\nimport { StorageConfigApiService } from '../../services/storage-config-api.service';\nimport { UploadService } from '../../services/upload.service';\nimport { BaseStoragePage } from '../../utils/base-storage-page';\nimport { formatFileSize, getProviderLabelKey } from '../../utils/storage-utils';\n\ninterface IFileManagerFormModel {\n  id: string;\n  name: string;\n  isPrivate: boolean;\n  folderId: string;\n  storageConfigId: string;\n}\n\n@Component({\n  selector: 'lib-file-manager-form',\n  imports: [AngularModule, PrimeModule, FormField, TranslatePipe],\n  template: `\n    <div class=\"card\">\n      <div class=\"mb-4\">\n        <h3 class=\"text-lg sm:text-xl font-semibold\">\n          {{\n            (isEditMode()\n              ? 'storage.file.manager.edit.file'\n              : 'storage.file.manager.upload.file'\n            ) | translate\n          }}\n        </h3>\n        @if (showCompanyInfo()) {\n          <p class=\"text-sm text-muted-color mt-1\">\n            {{ 'shared.company' | translate }}: {{ currentCompanyName() }}\n          </p>\n        }\n      </div>\n\n      <form (ngSubmit)=\"onSubmit()\">\n        @if (!isEditMode()) {\n          <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-4\">\n            <div class=\"field\">\n              <label\n                for=\"storageConfig\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.config.provider.required' | translate }}</label\n              >\n              <select\n                id=\"storageConfig\"\n                class=\"p-select-native w-full\"\n                [formField]=\"fileForm.storageConfigId\"\n              >\n                <option value=\"\">\n                  {{ 'storage.config.select.config' | translate }}\n                </option>\n                @for (config of availableConfigs(); track config.id) {\n                  <option [value]=\"config.id\">\n                    {{ config.name }} ({{\n                      getProviderLabelKey(config.storage) | translate\n                    }})\n                  </option>\n                }\n              </select>\n              @if (availableConfigs().length === 0 && !isLoadingConfigs()) {\n                <small class=\"text-warn block mt-2\">\n                  <i class=\"pi pi-exclamation-triangle mr-1\"></i>\n                  {{ 'storage.config.no.configs' | translate }}\n                </small>\n              }\n            </div>\n\n            <div class=\"field\">\n              <label\n                for=\"folder\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.folder.optional' | translate }}</label\n              >\n              <select\n                id=\"folder\"\n                class=\"p-select-native w-full\"\n                [formField]=\"fileForm.folderId\"\n              >\n                <option value=\"\">\n                  {{ 'storage.folder.no.folder' | translate }}\n                </option>\n                @for (folder of availableFolders(); track folder.id) {\n                  <option [value]=\"folder.id\">{{ folder.name }}</option>\n                }\n              </select>\n              @if (availableFolders().length === 0 && !isLoadingFolders()) {\n                <small class=\"text-muted-color block mt-2\">\n                  <i class=\"pi pi-info-circle mr-1\"></i>\n                  {{ 'storage.folder.no.folders.available' | translate }}\n                </small>\n              }\n            </div>\n          </div>\n        } @else {\n          <div class=\"field mb-4\">\n            <label\n              for=\"folder\"\n              class=\"block font-medium mb-2 text-sm sm:text-base\"\n              >{{ 'storage.folder.optional' | translate }}</label\n            >\n            <select\n              id=\"folder\"\n              class=\"p-select-native w-full\"\n              [formField]=\"fileForm.folderId\"\n            >\n              <option value=\"\">\n                {{ 'storage.folder.no.folder' | translate }}\n              </option>\n              @for (folder of availableFolders(); track folder.id) {\n                <option [value]=\"folder.id\">{{ folder.name }}</option>\n              }\n            </select>\n            @if (availableFolders().length === 0 && !isLoadingFolders()) {\n              <small class=\"text-muted-color block mt-2\">\n                <i class=\"pi pi-info-circle mr-1\"></i>\n                {{ 'storage.folder.no.folders.edit' | translate }}\n              </small>\n            }\n          </div>\n        }\n\n        @if (!isEditMode()) {\n          <div class=\"field mb-4\">\n            <label class=\"block font-medium mb-2 text-sm sm:text-base\">{{\n              'storage.file.select.required' | translate\n            }}</label>\n            <p-fileupload\n              #fileUpload\n              [customUpload]=\"true\"\n              (onSelect)=\"onFileSelect($event)\"\n              [multiple]=\"false\"\n              [maxFileSize]=\"50000000\"\n              [showUploadButton]=\"false\"\n              [showCancelButton]=\"false\"\n              [chooseLabel]=\"'storage.button.choose.file' | translate\"\n              chooseIcon=\"pi pi-upload\"\n              accept=\"*/*\"\n              class=\"w-full\"\n            >\n              <ng-template #content let-files>\n                @if (files && files.length > 0) {\n                  <div class=\"flex flex-col gap-2\">\n                    @for (file of files; track file.name) {\n                      <div\n                        class=\"flex items-center gap-3 p-3 border border-surface rounded-lg bg-surface-ground\"\n                      >\n                        <i\n                          class=\"pi pi-file text-xl sm:text-2xl text-primary\"\n                        ></i>\n                        <div class=\"flex-1 min-w-0\">\n                          <div class=\"font-medium truncate\">\n                            {{ file.name }}\n                          </div>\n                          <div class=\"text-sm text-muted-color\">\n                            {{ formatFileSize(file.size) }}\n                          </div>\n                        </div>\n                        <p-button\n                          icon=\"pi pi-times\"\n                          [text]=\"true\"\n                          severity=\"danger\"\n                          size=\"small\"\n                          (onClick)=\"fileUpload.clear()\"\n                        />\n                      </div>\n                    }\n                  </div>\n                } @else {\n                  <div\n                    class=\"flex items-center justify-center flex-col p-6 sm:p-8 border-2 border-dashed border-surface rounded-lg\"\n                  >\n                    <i\n                      class=\"pi pi-cloud-upload text-3xl sm:text-4xl text-muted-color mb-3\"\n                    ></i>\n                    <p\n                      class=\"text-muted-color text-center text-sm sm:text-base\"\n                    >\n                      {{ 'storage.upload.drag.drop' | translate }}\n                    </p>\n                    <p class=\"text-xs sm:text-sm text-muted-color mt-2\">\n                      {{\n                        'storage.upload.max.size' | translate: { size: '50MB' }\n                      }}\n                    </p>\n                  </div>\n                }\n              </ng-template>\n            </p-fileupload>\n            @if (!selectedFile() && !isEditMode()) {\n              <small class=\"text-muted-color\">{{\n                'storage.upload.please.select' | translate\n              }}</small>\n            }\n          </div>\n        }\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n          <div class=\"field md:col-span-2\">\n            <label\n              for=\"name\"\n              class=\"block font-medium mb-2 text-sm sm:text-base\"\n              >{{ 'storage.file.name.required' | translate }}</label\n            >\n            <input\n              pInputText\n              id=\"name\"\n              [formField]=\"fileForm.name\"\n              [placeholder]=\"\n                (isEditMode()\n                  ? 'storage.file.placeholder.edit'\n                  : 'storage.file.placeholder'\n                ) | translate\n              \"\n              class=\"w-full\"\n            />\n          </div>\n\n          <div class=\"field\">\n            <label class=\"p-checkbox-native flex items-center gap-2\">\n              <input type=\"checkbox\" [formField]=\"fileForm.isPrivate\" />\n              <span>{{ 'storage.file.private' | translate }}</span>\n            </label>\n            <small class=\"text-muted-color block mt-2\">\n              {{\n                (formModel().isPrivate\n                  ? 'storage.file.private.hint'\n                  : 'storage.file.public.hint'\n                ) | translate\n              }}\n            </small>\n          </div>\n        </div>\n\n        <div class=\"flex justify-end gap-2 mt-4\">\n          <p-button\n            [label]=\"'shared.cancel' | translate\"\n            severity=\"secondary\"\n            [outlined]=\"true\"\n            (onClick)=\"onCancel()\"\n          />\n          <p-button\n            type=\"submit\"\n            [label]=\"\n              (isEditMode() ? 'shared.update' : 'shared.upload') | translate\n            \"\n            [loading]=\"isLoading()\"\n            [disabled]=\"\n              !isFormValid() ||\n              (!isEditMode() && !selectedFile()) ||\n              isLoading()\n            \"\n          />\n        </div>\n      </form>\n    </div>\n  `,\n})\nexport class FileManagerFormComponent extends BaseStoragePage {\n  private readonly route = inject(ActivatedRoute);\n  private readonly fileService = inject(FileManagerApiService);\n  private readonly uploadService = inject(UploadService);\n  private readonly configService = inject(StorageConfigApiService);\n  private readonly folderService = inject(FolderApiService);\n  private readonly translateService = inject(TranslateService);\n\n  private readonly routeParams = toSignal(this.route.paramMap);\n  private initialized = false;\n\n  readonly isLoadingConfigs = signal(false);\n  readonly isLoadingFolders = signal(false);\n  readonly existingFile = signal<IFileManager | null>(null);\n  readonly isEditMode = computed(() => !!this.existingFile());\n  readonly selectedFile = signal<File | null>(null);\n  readonly availableConfigs = signal<IStorageConfig[]>([]);\n  readonly availableFolders = signal<IFolder[]>([]);\n\n  readonly formatFileSize = formatFileSize;\n  readonly getProviderLabelKey = getProviderLabelKey;\n\n  readonly formModel = signal<IFileManagerFormModel>({\n    id: '',\n    name: '',\n    isPrivate: false,\n    folderId: '',\n    storageConfigId: '',\n  });\n\n  readonly fileForm = form(this.formModel, (f) => {\n    required(f.name, {\n      message: this.translateService.translate(\n        'storage.validation.file.name.required',\n      ),\n    });\n  });\n\n  readonly isFormValid = computed(\n    () => this.formModel().name.trim().length > 0,\n  );\n\n  constructor() {\n    super();\n    effect(() => {\n      const params = this.routeParams();\n      if (!params || this.initialized) return;\n\n      this.initialized = true;\n      const fileId = params.get('id');\n      if (fileId) {\n        this.loadFile(fileId);\n      } else {\n        this.loadStorageConfigs();\n      }\n      this.loadFolders();\n    });\n  }\n\n  async loadStorageConfigs(): Promise<void> {\n    this.isLoadingConfigs.set(true);\n    try {\n      const response = await this.configService.getAll({\n        pagination: { currentPage: 0, pageSize: 100 },\n        filter: {},\n        select: [],\n        sort: {},\n      });\n      if (response.success && response.data) {\n        this.availableConfigs.set(response.data);\n        if (response.data.length === 1) {\n          this.formModel.update((m) => ({\n            ...m,\n            storageConfigId: response.data![0].id,\n          }));\n        }\n      }\n    } finally {\n      this.isLoadingConfigs.set(false);\n    }\n  }\n\n  async loadFolders(): Promise<void> {\n    this.isLoadingFolders.set(true);\n    try {\n      const response = await this.folderService.getAll({\n        pagination: { currentPage: 0, pageSize: 100 },\n        filter: {},\n        select: [],\n        sort: {},\n      });\n      if (response.success && response.data) {\n        this.availableFolders.set(response.data);\n      }\n    } catch {\n      // Silently fail - folders are optional\n    } finally {\n      this.isLoadingFolders.set(false);\n    }\n  }\n\n  async loadFile(id: string): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await this.fileService.findById(id);\n      if (response.success && response.data) {\n        const file = response.data;\n        this.existingFile.set(file);\n        this.formModel.set({\n          id: file.id,\n          name: file.name,\n          isPrivate: file.isPrivate ?? false,\n          folderId: file.folderId ?? '',\n          storageConfigId: '',\n        });\n      }\n    } catch {\n      this.navigateTo(['/storage/files']);\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onFileSelect(event: { files?: File[]; currentFiles?: File[] }): void {\n    const file = event.files?.[0] || event.currentFiles?.[0];\n    if (file) {\n      this.selectedFile.set(file);\n      this.formModel.update((m) => ({ ...m, name: file.name }));\n    }\n  }\n\n  async onSubmit(): Promise<void> {\n    if (!this.isFormValid()) return;\n\n    this.isLoading.set(true);\n    try {\n      const formValue = this.formModel();\n\n      if (this.isEditMode()) {\n        const response = await this.fileService.update({\n          id: formValue.id,\n          name: formValue.name,\n          isPrivate: formValue.isPrivate,\n          folderId: formValue.folderId || null,\n        });\n        this.showSuccess(\n          response.messageKey\n            ? this.translateService.translate(\n                response.messageKey,\n                response.messageVariables as Record<string, string | number>,\n              )\n            : (response.message ?? ''),\n        );\n      } else {\n        const file = this.selectedFile();\n        if (!file) {\n          this.showError(\n            this.translateService.translate('storage.error.no.file'),\n          );\n          return;\n        }\n\n        if (!formValue.storageConfigId) {\n          this.showError(\n            this.translateService.translate('storage.error.no.config'),\n          );\n          return;\n        }\n\n        const uploadResponse = await firstValueFrom(\n          this.uploadService.uploadSingleFile(file, {\n            compress: true,\n            quality: 85,\n            storageConfigId: formValue.storageConfigId,\n          }),\n        );\n\n        if (uploadResponse.success && uploadResponse.data) {\n          const uploadedFileInfo = uploadResponse.data;\n          const createResponse = await firstValueFrom(\n            this.fileService.createFile({\n              name: formValue.name,\n              key: uploadedFileInfo.key,\n              contentType: file.type || 'application/octet-stream',\n              size: Math.round(file.size / 1024).toString(),\n              isPrivate: formValue.isPrivate,\n              folderId: formValue.folderId || undefined,\n              storageConfigId: formValue.storageConfigId,\n            }),\n          );\n          this.showSuccess(\n            createResponse?.messageKey\n              ? this.translateService.translate(\n                  createResponse.messageKey,\n                  createResponse.messageVariables as Record<\n                    string,\n                    string | number\n                  >,\n                )\n              : (createResponse?.message ?? ''),\n          );\n        } else {\n          throw new Error(\n            this.translateService.translate('storage.upload.failed'),\n          );\n        }\n      }\n\n      this.navigateTo(['/storage/files']);\n    } catch {\n      this.showError(this.translateService.translate('storage.upload.failed'));\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onCancel(): void {\n    this.navigateTo(['/storage/files']);\n  }\n}\n"],"names":["i2","i4"],"mappings":"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"}

package/fesm2022/{flusys-ng-storage-file-manager-list.component-bj6oOzOL.mjs → flusys-ng-storage-file-manager-list.component-Dn5hVksO.mjs}

@@ -23,25 +23,24 @@ class FileManagerListComponent extends BaseStorageListPage {
         return '/storage/files';
     }
     getDeleteConfirmMessage(file) {
-        return this.translateService.translate('storage.delete.confirm.named', { name: file.name });
+        return this.translateService.translate('shared.confirm.delete.item', {
+            name: file.name,
+        });
     }
     async loadData() {
         this.isLoading.set(true);
         try {
-            const response = await firstValueFrom(this.fileService.getAll('', {
+            const response = await this.fileService.getAll({
                 pagination: this.getPaginationParams(),
                 filter: {},
                 select: [],
                 sort: {},
-            }));
+            });
             if (response.success) {
                 this.items.set(response.data ?? []);
                 this.total.set(response.meta?.total ?? 0);
             }
         }
-        catch {
-            this.showError(this.translateService.translate('storage.error.load.failed'));
-        }
         finally {
             this.isLoading.set(false);
         }
@@ -60,9 +59,6 @@ class FileManagerListComponent extends BaseStorageListPage {
                 this.showError(this.translateService.translate('storage.file.url.not.available'));
             }
         }
-        catch {
-            this.showError(this.translateService.translate('storage.file.get.url.failed'));
-        }
         finally {
             this.viewingFileId.set(null);
         }
@@ -75,14 +71,14 @@ class FileManagerListComponent extends BaseStorageListPage {
             acceptLabel: this.translateService.translate('storage.delete.move.to.trash'),
             acceptButtonStyleClass: 'p-button-warning',
             accept: async () => {
-                try {
-                    await this.fileService.deleteAsync({ id: file.id, type: 'delete' });
-                    this.showSuccess(this.translateService.translate('storage.delete.trash.success'));
-                    this.loadData();
-                }
-                catch {
-                    this.showError(this.translateService.translate('storage.delete.trash.failed'));
-                }
+                const response = await this.fileService.delete({
+                    id: file.id,
+                    type: 'delete',
+                });
+                this.showSuccess(response?.messageKey
+                    ? this.translateService.translate(response.messageKey, response.messageVariables)
+                    : (response?.message ?? ''));
+                this.loadData();
             },
         });
     }
@@ -95,30 +91,40 @@ class FileManagerListComponent extends BaseStorageListPage {
             rejectLabel: this.translateService.translate('shared.cancel'),
             acceptButtonStyleClass: 'p-button-danger',
             accept: async () => {
-                try {
-                    await this.fileService.deleteAsync({ id: file.id, type: 'permanent' });
-                    this.showSuccess(this.translateService.translate('storage.delete.permanent.success'));
-                    this.loadData();
-                }
-                catch {
-                    this.showError(this.translateService.translate('storage.delete.permanent.failed'));
-                }
+                const response = await this.fileService.delete({
+                    id: file.id,
+                    type: 'permanent',
+                });
+                this.showSuccess(response?.messageKey
+                    ? this.translateService.translate(response.messageKey, response.messageVariables)
+                    : (response?.message ?? ''));
+                this.loadData();
             },
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: FileManagerListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: FileManagerListComponent, isStandalone: true, selector: "lib-file-manager-list", usesInheritance: true, ngImport: i0, template: `
     <div class="card">
-      <div class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-4">
+      <div
+        class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-4"
+      >
         <div>
-          <h3 class="text-lg sm:text-xl font-semibold">{{ 'storage.file.manager.title' | translate }}</h3>
+          <h3 class="text-lg sm:text-xl font-semibold">
+            {{ 'storage.file.manager.title' | translate }}
+          </h3>
           @if (showCompanyInfo()) {
             <p class="text-sm text-muted-color mt-1">
-              {{ 'storage.company' | translate }}: {{ currentCompanyName() }}
+              {{ 'shared.company' | translate }}: {{ currentCompanyName() }}
             </p>
           }
         </div>
-        <p-button *hasPermission="FILE_PERMISSIONS.CREATE" [label]="'storage.button.upload.file' | translate" icon="pi pi-upload" (onClick)="onUpload()" styleClass="w-full sm:w-auto" />
+        <p-button
+          *hasPermission="FILE_PERMISSIONS.CREATE"
+          [label]="'storage.button.upload.file' | translate"
+          icon="pi pi-upload"
+          (onClick)="onUpload()"
+          class="w-full sm:w-auto"
+        />
       </div>
 
       <div class="overflow-x-auto">
@@ -132,50 +138,112 @@ class FileManagerListComponent extends BaseStorageListPage {
           (onLazyLoad)="onPageChange($event)"
           [rowsPerPageOptions]="[10, 25, 50]"
           [scrollable]="true"
-          styleClass="p-datatable-sm"
+          class="p-datatable-sm"
         >
           <ng-template #header>
             <tr>
-              <th>{{ 'storage.table.name' | translate }}</th>
-              <th class="hidden lg:table-cell">{{ 'storage.table.type' | translate }}</th>
+              <th>{{ 'shared.name' | translate }}</th>
+              <th class="hidden lg:table-cell">
+                {{ 'shared.type' | translate }}
+              </th>
               <th>{{ 'storage.table.size' | translate }}</th>
               <th>{{ 'storage.table.location' | translate }}</th>
-              <th class="hidden xl:table-cell">{{ 'storage.table.config' | translate }}</th>
+              <th class="hidden xl:table-cell">
+                {{ 'storage.table.config' | translate }}
+              </th>
               <th>{{ 'storage.table.private' | translate }}</th>
-              <th class="hidden md:table-cell">{{ 'storage.table.created' | translate }}</th>
-              <th class="w-[120px]">{{ 'storage.table.actions' | translate }}</th>
+              <th class="hidden md:table-cell">
+                {{ 'storage.table.created' | translate }}
+              </th>
+              <th class="w-[120px]">{{ 'shared.actions' | translate }}</th>
             </tr>
           </ng-template>
           <ng-template #body let-file>
+            @let isViewing = viewingFileId() === file.id;
             <tr>
               <td>
                 <div class="flex items-center gap-2">
                   <i [class]="getFileIcon(file.contentType)"></i>
-                  <span class="truncate max-w-32 sm:max-w-none">{{ file.name }}</span>
+                  <span class="truncate max-w-32 sm:max-w-none">{{
+                    file.name
+                  }}</span>
                 </div>
               </td>
               <td class="hidden lg:table-cell">
-                <span class="text-sm text-muted-color">{{ file.contentType }}</span>
+                <span class="text-sm text-muted-color">{{
+                  file.contentType
+                }}</span>
               </td>
-              <td>{{ file.size }} {{ 'storage.unit.kb' | translate }}</td>
+              <td>{{ file.size }} {{ 'shared.size.kb' | translate }}</td>
               <td>
-                <p-tag [value]="getProviderLabelKey(file.location) | translate" [severity]="getProviderSeverity(file.location)" />
+                <p-tag
+                  [value]="getProviderLabelKey(file.location) | translate"
+                  [severity]="getProviderSeverity(file.location)"
+                />
+              </td>
+              <td class="hidden xl:table-cell">
+                {{ file.providerName || '-' }}
               </td>
-              <td class="hidden xl:table-cell">{{ file.providerName || '-' }}</td>
               <td>
                 @if (file.isPrivate) {
-                  <p-tag [value]="'storage.private' | translate" severity="warn" />
+                  <p-tag
+                    [value]="'storage.private' | translate"
+                    severity="warn"
+                  />
                 } @else {
-                  <p-tag [value]="'storage.public' | translate" severity="success" />
+                  <p-tag
+                    [value]="'storage.public' | translate"
+                    severity="success"
+                  />
                 }
               </td>
-              <td class="hidden md:table-cell">{{ file.createdAt | date: 'short' }}</td>
+              <td class="hidden md:table-cell">
+                {{ file.createdAt | date: 'short' }}
+              </td>
               <td>
                 <div class="flex gap-1">
-                  <p-button *hasPermission="FILE_PERMISSIONS.READ" icon="pi pi-eye" [text]="true" severity="secondary" size="small" [loading]="viewingFileId() === file.id" [disabled]="viewingFileId() === file.id" (onClick)="onView(file)" [pTooltip]="'storage.tooltip.view' | translate" tooltipPosition="top" />
-                  <p-button *hasPermission="FILE_PERMISSIONS.UPDATE" icon="pi pi-pencil" [text]="true" severity="secondary" size="small" (onClick)="onEdit(file.id)" [pTooltip]="'storage.tooltip.edit' | translate" tooltipPosition="top" />
-                  <p-button *hasPermission="FILE_PERMISSIONS.DELETE" icon="pi pi-trash" [text]="true" severity="warn" size="small" (onClick)="onSoftDelete(file)" [pTooltip]="'storage.tooltip.trash' | translate" tooltipPosition="top" />
-                  <p-button *hasPermission="FILE_PERMISSIONS.DELETE" icon="pi pi-times-circle" [text]="true" severity="danger" size="small" (onClick)="onPermanentDelete(file)" [pTooltip]="'storage.tooltip.delete' | translate" tooltipPosition="top" />
+                  <p-button
+                    *hasPermission="FILE_PERMISSIONS.READ"
+                    icon="pi pi-eye"
+                    [text]="true"
+                    severity="secondary"
+                    size="small"
+                    [loading]="isViewing"
+                    [disabled]="isViewing"
+                    (onClick)="onView(file)"
+                    [pTooltip]="'shared.view' | translate"
+                    tooltipPosition="top"
+                  />
+                  <p-button
+                    *hasPermission="FILE_PERMISSIONS.UPDATE"
+                    icon="pi pi-pencil"
+                    [text]="true"
+                    severity="secondary"
+                    size="small"
+                    (onClick)="onEdit(file.id)"
+                    [pTooltip]="'shared.edit' | translate"
+                    tooltipPosition="top"
+                  />
+                  <p-button
+                    *hasPermission="FILE_PERMISSIONS.DELETE"
+                    icon="pi pi-trash"
+                    [text]="true"
+                    severity="warn"
+                    size="small"
+                    (onClick)="onSoftDelete(file)"
+                    [pTooltip]="'storage.tooltip.trash' | translate"
+                    tooltipPosition="top"
+                  />
+                  <p-button
+                    *hasPermission="FILE_PERMISSIONS.DELETE"
+                    icon="pi pi-times-circle"
+                    [text]="true"
+                    severity="danger"
+                    size="small"
+                    (onClick)="onPermanentDelete(file)"
+                    [pTooltip]="'shared.delete' | translate"
+                    tooltipPosition="top"
+                  />
                 </div>
               </td>
             </tr>
@@ -203,16 +271,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     imports: [AngularModule, PrimeModule, HasPermissionDirective, TranslatePipe],
                     template: `
     <div class="card">
-      <div class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-4">
+      <div
+        class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-4"
+      >
         <div>
-          <h3 class="text-lg sm:text-xl font-semibold">{{ 'storage.file.manager.title' | translate }}</h3>
+          <h3 class="text-lg sm:text-xl font-semibold">
+            {{ 'storage.file.manager.title' | translate }}
+          </h3>
           @if (showCompanyInfo()) {
             <p class="text-sm text-muted-color mt-1">
-              {{ 'storage.company' | translate }}: {{ currentCompanyName() }}
+              {{ 'shared.company' | translate }}: {{ currentCompanyName() }}
             </p>
           }
         </div>
-        <p-button *hasPermission="FILE_PERMISSIONS.CREATE" [label]="'storage.button.upload.file' | translate" icon="pi pi-upload" (onClick)="onUpload()" styleClass="w-full sm:w-auto" />
+        <p-button
+          *hasPermission="FILE_PERMISSIONS.CREATE"
+          [label]="'storage.button.upload.file' | translate"
+          icon="pi pi-upload"
+          (onClick)="onUpload()"
+          class="w-full sm:w-auto"
+        />
       </div>
 
       <div class="overflow-x-auto">
@@ -226,50 +304,112 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
           (onLazyLoad)="onPageChange($event)"
           [rowsPerPageOptions]="[10, 25, 50]"
           [scrollable]="true"
-          styleClass="p-datatable-sm"
+          class="p-datatable-sm"
         >
           <ng-template #header>
             <tr>
-              <th>{{ 'storage.table.name' | translate }}</th>
-              <th class="hidden lg:table-cell">{{ 'storage.table.type' | translate }}</th>
+              <th>{{ 'shared.name' | translate }}</th>
+              <th class="hidden lg:table-cell">
+                {{ 'shared.type' | translate }}
+              </th>
               <th>{{ 'storage.table.size' | translate }}</th>
               <th>{{ 'storage.table.location' | translate }}</th>
-              <th class="hidden xl:table-cell">{{ 'storage.table.config' | translate }}</th>
+              <th class="hidden xl:table-cell">
+                {{ 'storage.table.config' | translate }}
+              </th>
               <th>{{ 'storage.table.private' | translate }}</th>
-              <th class="hidden md:table-cell">{{ 'storage.table.created' | translate }}</th>
-              <th class="w-[120px]">{{ 'storage.table.actions' | translate }}</th>
+              <th class="hidden md:table-cell">
+                {{ 'storage.table.created' | translate }}
+              </th>
+              <th class="w-[120px]">{{ 'shared.actions' | translate }}</th>
             </tr>
           </ng-template>
           <ng-template #body let-file>
+            @let isViewing = viewingFileId() === file.id;
             <tr>
               <td>
                 <div class="flex items-center gap-2">
                   <i [class]="getFileIcon(file.contentType)"></i>
-                  <span class="truncate max-w-32 sm:max-w-none">{{ file.name }}</span>
+                  <span class="truncate max-w-32 sm:max-w-none">{{
+                    file.name
+                  }}</span>
                 </div>
               </td>
               <td class="hidden lg:table-cell">
-                <span class="text-sm text-muted-color">{{ file.contentType }}</span>
+                <span class="text-sm text-muted-color">{{
+                  file.contentType
+                }}</span>
               </td>
-              <td>{{ file.size }} {{ 'storage.unit.kb' | translate }}</td>
+              <td>{{ file.size }} {{ 'shared.size.kb' | translate }}</td>
               <td>
-                <p-tag [value]="getProviderLabelKey(file.location) | translate" [severity]="getProviderSeverity(file.location)" />
+                <p-tag
+                  [value]="getProviderLabelKey(file.location) | translate"
+                  [severity]="getProviderSeverity(file.location)"
+                />
+              </td>
+              <td class="hidden xl:table-cell">
+                {{ file.providerName || '-' }}
               </td>
-              <td class="hidden xl:table-cell">{{ file.providerName || '-' }}</td>
               <td>
                 @if (file.isPrivate) {
-                  <p-tag [value]="'storage.private' | translate" severity="warn" />
+                  <p-tag
+                    [value]="'storage.private' | translate"
+                    severity="warn"
+                  />
                 } @else {
-                  <p-tag [value]="'storage.public' | translate" severity="success" />
+                  <p-tag
+                    [value]="'storage.public' | translate"
+                    severity="success"
+                  />
                 }
               </td>
-              <td class="hidden md:table-cell">{{ file.createdAt | date: 'short' }}</td>
+              <td class="hidden md:table-cell">
+                {{ file.createdAt | date: 'short' }}
+              </td>
               <td>
                 <div class="flex gap-1">
-                  <p-button *hasPermission="FILE_PERMISSIONS.READ" icon="pi pi-eye" [text]="true" severity="secondary" size="small" [loading]="viewingFileId() === file.id" [disabled]="viewingFileId() === file.id" (onClick)="onView(file)" [pTooltip]="'storage.tooltip.view' | translate" tooltipPosition="top" />
-                  <p-button *hasPermission="FILE_PERMISSIONS.UPDATE" icon="pi pi-pencil" [text]="true" severity="secondary" size="small" (onClick)="onEdit(file.id)" [pTooltip]="'storage.tooltip.edit' | translate" tooltipPosition="top" />
-                  <p-button *hasPermission="FILE_PERMISSIONS.DELETE" icon="pi pi-trash" [text]="true" severity="warn" size="small" (onClick)="onSoftDelete(file)" [pTooltip]="'storage.tooltip.trash' | translate" tooltipPosition="top" />
-                  <p-button *hasPermission="FILE_PERMISSIONS.DELETE" icon="pi pi-times-circle" [text]="true" severity="danger" size="small" (onClick)="onPermanentDelete(file)" [pTooltip]="'storage.tooltip.delete' | translate" tooltipPosition="top" />
+                  <p-button
+                    *hasPermission="FILE_PERMISSIONS.READ"
+                    icon="pi pi-eye"
+                    [text]="true"
+                    severity="secondary"
+                    size="small"
+                    [loading]="isViewing"
+                    [disabled]="isViewing"
+                    (onClick)="onView(file)"
+                    [pTooltip]="'shared.view' | translate"
+                    tooltipPosition="top"
+                  />
+                  <p-button
+                    *hasPermission="FILE_PERMISSIONS.UPDATE"
+                    icon="pi pi-pencil"
+                    [text]="true"
+                    severity="secondary"
+                    size="small"
+                    (onClick)="onEdit(file.id)"
+                    [pTooltip]="'shared.edit' | translate"
+                    tooltipPosition="top"
+                  />
+                  <p-button
+                    *hasPermission="FILE_PERMISSIONS.DELETE"
+                    icon="pi pi-trash"
+                    [text]="true"
+                    severity="warn"
+                    size="small"
+                    (onClick)="onSoftDelete(file)"
+                    [pTooltip]="'storage.tooltip.trash' | translate"
+                    tooltipPosition="top"
+                  />
+                  <p-button
+                    *hasPermission="FILE_PERMISSIONS.DELETE"
+                    icon="pi pi-times-circle"
+                    [text]="true"
+                    severity="danger"
+                    size="small"
+                    (onClick)="onPermanentDelete(file)"
+                    [pTooltip]="'shared.delete' | translate"
+                    tooltipPosition="top"
+                  />
                 </div>
               </td>
             </tr>
@@ -293,4 +433,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         }] });
 
 export { FileManagerListComponent };
-//# sourceMappingURL=flusys-ng-storage-file-manager-list.component-bj6oOzOL.mjs.map
+//# sourceMappingURL=flusys-ng-storage-file-manager-list.component-Dn5hVksO.mjs.map

package/fesm2022/flusys-ng-storage-file-manager-list.component-Dn5hVksO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-file-manager-list.component-Dn5hVksO.mjs","sources":["../../../projects/ng-storage/pages/file-manager/file-manager-list.component.ts"],"sourcesContent":["import { Component, inject, signal } from '@angular/core';\nimport { TranslateService } from '@flusys/ng-localization';\nimport {\n  AngularModule,\n  FILE_PERMISSIONS,\n  HasPermissionDirective,\n  PrimeModule,\n  TranslatePipe,\n} from '@flusys/ng-shared';\nimport { firstValueFrom } from 'rxjs';\nimport { IFileManager } from '../../interfaces/file-manager.interface';\nimport { FileManagerApiService } from '../../services/file-manager-api.service';\nimport { BaseStorageListPage } from '../../utils/base-storage-page';\nimport {\n  getFileIcon,\n  getProviderLabelKey,\n  getProviderSeverity,\n} from '../../utils/storage-utils';\n\n@Component({\n  selector: 'lib-file-manager-list',\n  imports: [AngularModule, PrimeModule, HasPermissionDirective, TranslatePipe],\n  template: `\n    <div class=\"card\">\n      <div\n        class=\"flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-4\"\n      >\n        <div>\n          <h3 class=\"text-lg sm:text-xl font-semibold\">\n            {{ 'storage.file.manager.title' | translate }}\n          </h3>\n          @if (showCompanyInfo()) {\n            <p class=\"text-sm text-muted-color mt-1\">\n              {{ 'shared.company' | translate }}: {{ currentCompanyName() }}\n            </p>\n          }\n        </div>\n        <p-button\n          *hasPermission=\"FILE_PERMISSIONS.CREATE\"\n          [label]=\"'storage.button.upload.file' | translate\"\n          icon=\"pi pi-upload\"\n          (onClick)=\"onUpload()\"\n          class=\"w-full sm:w-auto\"\n        />\n      </div>\n\n      <div class=\"overflow-x-auto\">\n        <p-table\n          [value]=\"files()\"\n          [loading]=\"isLoading()\"\n          [paginator]=\"totalRecords() > 0\"\n          [rows]=\"pageSize()\"\n          [totalRecords]=\"totalRecords()\"\n          [lazy]=\"true\"\n          (onLazyLoad)=\"onPageChange($event)\"\n          [rowsPerPageOptions]=\"[10, 25, 50]\"\n          [scrollable]=\"true\"\n          class=\"p-datatable-sm\"\n        >\n          <ng-template #header>\n            <tr>\n              <th>{{ 'shared.name' | translate }}</th>\n              <th class=\"hidden lg:table-cell\">\n                {{ 'shared.type' | translate }}\n              </th>\n              <th>{{ 'storage.table.size' | translate }}</th>\n              <th>{{ 'storage.table.location' | translate }}</th>\n              <th class=\"hidden xl:table-cell\">\n                {{ 'storage.table.config' | translate }}\n              </th>\n              <th>{{ 'storage.table.private' | translate }}</th>\n              <th class=\"hidden md:table-cell\">\n                {{ 'storage.table.created' | translate }}\n              </th>\n              <th class=\"w-[120px]\">{{ 'shared.actions' | translate }}</th>\n            </tr>\n          </ng-template>\n          <ng-template #body let-file>\n            @let isViewing = viewingFileId() === file.id;\n            <tr>\n              <td>\n                <div class=\"flex items-center gap-2\">\n                  <i [class]=\"getFileIcon(file.contentType)\"></i>\n                  <span class=\"truncate max-w-32 sm:max-w-none\">{{\n                    file.name\n                  }}</span>\n                </div>\n              </td>\n              <td class=\"hidden lg:table-cell\">\n                <span class=\"text-sm text-muted-color\">{{\n                  file.contentType\n                }}</span>\n              </td>\n              <td>{{ file.size }} {{ 'shared.size.kb' | translate }}</td>\n              <td>\n                <p-tag\n                  [value]=\"getProviderLabelKey(file.location) | translate\"\n                  [severity]=\"getProviderSeverity(file.location)\"\n                />\n              </td>\n              <td class=\"hidden xl:table-cell\">\n                {{ file.providerName || '-' }}\n              </td>\n              <td>\n                @if (file.isPrivate) {\n                  <p-tag\n                    [value]=\"'storage.private' | translate\"\n                    severity=\"warn\"\n                  />\n                } @else {\n                  <p-tag\n                    [value]=\"'storage.public' | translate\"\n                    severity=\"success\"\n                  />\n                }\n              </td>\n              <td class=\"hidden md:table-cell\">\n                {{ file.createdAt | date: 'short' }}\n              </td>\n              <td>\n                <div class=\"flex gap-1\">\n                  <p-button\n                    *hasPermission=\"FILE_PERMISSIONS.READ\"\n                    icon=\"pi pi-eye\"\n                    [text]=\"true\"\n                    severity=\"secondary\"\n                    size=\"small\"\n                    [loading]=\"isViewing\"\n                    [disabled]=\"isViewing\"\n                    (onClick)=\"onView(file)\"\n                    [pTooltip]=\"'shared.view' | translate\"\n                    tooltipPosition=\"top\"\n                  />\n                  <p-button\n                    *hasPermission=\"FILE_PERMISSIONS.UPDATE\"\n                    icon=\"pi pi-pencil\"\n                    [text]=\"true\"\n                    severity=\"secondary\"\n                    size=\"small\"\n                    (onClick)=\"onEdit(file.id)\"\n                    [pTooltip]=\"'shared.edit' | translate\"\n                    tooltipPosition=\"top\"\n                  />\n                  <p-button\n                    *hasPermission=\"FILE_PERMISSIONS.DELETE\"\n                    icon=\"pi pi-trash\"\n                    [text]=\"true\"\n                    severity=\"warn\"\n                    size=\"small\"\n                    (onClick)=\"onSoftDelete(file)\"\n                    [pTooltip]=\"'storage.tooltip.trash' | translate\"\n                    tooltipPosition=\"top\"\n                  />\n                  <p-button\n                    *hasPermission=\"FILE_PERMISSIONS.DELETE\"\n                    icon=\"pi pi-times-circle\"\n                    [text]=\"true\"\n                    severity=\"danger\"\n                    size=\"small\"\n                    (onClick)=\"onPermanentDelete(file)\"\n                    [pTooltip]=\"'shared.delete' | translate\"\n                    tooltipPosition=\"top\"\n                  />\n                </div>\n              </td>\n            </tr>\n          </ng-template>\n          <ng-template #emptymessage>\n            <tr>\n              <td colspan=\"8\" class=\"text-center py-4 text-muted-color\">\n                @if (showCompanyInfo()) {\n                  {{ 'storage.empty.files.in.company' | translate }}\n                } @else {\n                  {{ 'storage.empty.files' | translate }}\n                }\n              </td>\n            </tr>\n          </ng-template>\n        </p-table>\n      </div>\n    </div>\n  `,\n})\nexport class FileManagerListComponent extends BaseStorageListPage<IFileManager> {\n  readonly FILE_PERMISSIONS = FILE_PERMISSIONS;\n\n  private readonly fileService = inject(FileManagerApiService);\n  private readonly translateService = inject(TranslateService);\n\n  readonly files = this.items;\n  readonly viewingFileId = signal<string | null>(null);\n\n  readonly getFileIcon = getFileIcon;\n  readonly getProviderLabelKey = getProviderLabelKey;\n  readonly getProviderSeverity = getProviderSeverity;\n\n  getResourceRoute(): string {\n    return '/storage/files';\n  }\n\n  override getDeleteConfirmMessage(file: IFileManager): string {\n    return this.translateService.translate('shared.confirm.delete.item', {\n      name: file.name,\n    });\n  }\n\n  async loadData(): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await this.fileService.getAll({\n        pagination: this.getPaginationParams(),\n        filter: {},\n        select: [],\n        sort: {},\n      });\n\n      if (response.success) {\n        this.items.set(response.data ?? []);\n        this.total.set(response.meta?.total ?? 0);\n      }\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onUpload(): void {\n    this.navigateTo(['/storage/files/new']);\n  }\n\n  async onView(file: IFileManager): Promise<void> {\n    this.viewingFileId.set(file.id);\n    try {\n      const response = await firstValueFrom(\n        this.fileService.getFiles([file.id]),\n      );\n\n      if (response.success && response.data?.length && response.data[0].url) {\n        window.open(response.data[0].url, '_blank');\n      } else {\n        this.showError(\n          this.translateService.translate('storage.file.url.not.available'),\n        );\n      }\n    } finally {\n      this.viewingFileId.set(null);\n    }\n  }\n\n  onSoftDelete(file: IFileManager): void {\n    this.confirmationService.confirm({\n      message: this.translateService.translate(\n        'storage.delete.move.to.trash.confirm',\n        { name: file.name },\n      ),\n      header: this.translateService.translate('storage.delete.move.to.trash'),\n      icon: 'pi pi-trash',\n      acceptLabel: this.translateService.translate(\n        'storage.delete.move.to.trash',\n      ),\n      acceptButtonStyleClass: 'p-button-warning',\n      accept: async () => {\n        const response = await this.fileService.delete({\n          id: file.id,\n          type: 'delete',\n        });\n        this.showSuccess(\n          response?.messageKey\n            ? this.translateService.translate(\n                response.messageKey,\n                response.messageVariables as Record<string, string | number>,\n              )\n            : (response?.message ?? ''),\n        );\n        this.loadData();\n      },\n    });\n  }\n\n  onPermanentDelete(file: IFileManager): void {\n    this.confirmationService.confirm({\n      message: this.translateService.translate(\n        'storage.delete.permanent.delete.confirm',\n        { name: file.name },\n      ),\n      header: this.translateService.translate(\n        'storage.delete.permanent.delete',\n      ),\n      icon: 'pi pi-exclamation-triangle',\n      acceptLabel: this.translateService.translate(\n        'storage.delete.permanent.delete.button',\n      ),\n      rejectLabel: this.translateService.translate('shared.cancel'),\n      acceptButtonStyleClass: 'p-button-danger',\n      accept: async () => {\n        const response = await this.fileService.delete({\n          id: file.id,\n          type: 'permanent',\n        });\n        this.showSuccess(\n          response?.messageKey\n            ? this.translateService.translate(\n                response.messageKey,\n                response.messageVariables as Record<string, string | number>,\n              )\n            : (response?.message ?? ''),\n        );\n        this.loadData();\n      },\n    });\n  }\n}\n"],"names":[],"mappings":"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"}