@flusys/ng-storage 3.0.0 → 4.0.0-rc

package/README.md

@@ -1,7 +1,7 @@
 # Storage Package Guide
 
 > **Package:** `@flusys/ng-storage`
-> **Version:** 3.0.0
+> **Version:** 4.0.0-rc
 > **Type:** File storage management with upload, folder organization, and multi-provider support
 
 ---
@@ -529,11 +529,17 @@ Registers provider adapters that enable other packages (ng-auth) to access stora
 ...provideStorageProviders()
 ```
 
-**Registers:** `PROFILE_UPLOAD_PROVIDER` → `ProfileUploadProviderAdapter` (implements `IProfileUploadProvider` from ng-shared)
+**Registers:** `FILE_PROVIDER` → `FileProviderAdapter` (implements `IFileProvider` from ng-shared)
 
-**ProfileUploadProviderAdapter defaults:** `folderPath: 'profile-pictures'`, `compress: true`, `maxWidth: 400`, `maxHeight: 400`
+**FileProviderAdapter features:**
+- `loadFiles(filter)` - Load files with filtering and pagination
+- `uploadFile(file, options)` - Upload a single file and register in file manager
+- `uploadMultipleFiles(files, options)` - Upload multiple files at once
+- `getFileUrls(fileIds)` - Get file URLs by IDs (for refreshing presigned URLs)
+- `loadFolders(filter)` - Load folders for folder selector
+- `loadStorageConfigs(filter)` - Load storage configs for config selector
 
-**Usage:** `inject(PROFILE_UPLOAD_PROVIDER, { optional: true })?.uploadProfilePicture(file)`
+**Usage:** `inject(FILE_PROVIDER, { optional: true })?.uploadFile(file, options)`
 
 ---
 
@@ -544,13 +550,13 @@ Registers provider adapters that enable other packages (ng-auth) to access stora
 | Enums | `FileLocationEnum`, `ImageFormat` |
 | Interfaces | `IFileManager`, `ICreateFileManagerDto`, `IUpdateFileManagerDto`, `IGetFilesRequestDto`, `IFilesResponseDto`, `IFolder`, `ICreateFolderDto`, `IUpdateFolderDto`, `IStorageConfig`, `ICreateStorageConfigDto`, `IUpdateStorageConfigDto`, `IAwsS3Config`, `IAzureBlobConfig`, `ISftpConfig`, `ILocalStorageConfig`, `IUploadOptionsDto`, `IUploadedFileInfo` |
 | Utils | `getProviderLabel`, `getProviderIcon`, `getProviderSeverity`, `getFileIcon`, `formatFileSize`, `STORAGE_PROVIDERS`, `BaseStoragePage`, `BaseStorageListPage` |
-| Adapters | `ProfileUploadProviderAdapter` |
+| Adapters | `FileProviderAdapter` |
 | Services | `FileManagerApiService`, `FolderApiService`, `StorageConfigApiService`, `UploadService` |
 | Routes | `STORAGE_ROUTES`, `StorageContainerComponent` |
 | Providers | `provideStorageProviders` |
 
 ---
 
-**Last Updated:** 2026-02-25
-**Version:** 3.0.0
+**Last Updated:** 2026-03-01
+**Version:** 3.0.1
 **Angular Version:** 21

package/fesm2022/{flusys-ng-storage-file-manager-form.component-CXVB9G-f.mjs → flusys-ng-storage-file-manager-form.component-AM7JE-s5.mjs}

@@ -1,26 +1,24 @@
 import * as i0 from '@angular/core';
-import { inject, signal, computed, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { inject, signal, computed, effect, Component } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { form, required, FormField } from '@angular/forms/signals';
 import { ActivatedRoute } from '@angular/router';
-import { AngularModule, PrimeModule } from '@flusys/ng-shared';
+import { TranslateService } from '@flusys/ng-localization';
+import { AngularModule, PrimeModule, TranslatePipe } from '@flusys/ng-shared';
 import { firstValueFrom } from 'rxjs';
-import { BaseStoragePage, FileManagerApiService, UploadService, StorageConfigApiService, FolderApiService, formatFileSize, getProviderLabel } from './flusys-ng-storage.mjs';
+import { BaseStoragePage, FileManagerApiService, UploadService, StorageConfigApiService, FolderApiService, formatFileSize, getProviderLabelKey } from './flusys-ng-storage.mjs';
 import * as i1 from '@angular/forms';
 import * as i1$1 from 'primeng/button';
 import * as i3 from 'primeng/fileupload';
 import * as i3$1 from 'primeng/inputtext';
 
-/**
- * File Manager Form Component
- * Upload and edit file metadata
- */
 class FileManagerFormComponent extends BaseStoragePage {
     route = inject(ActivatedRoute);
     fileService = inject(FileManagerApiService);
     uploadService = inject(UploadService);
     configService = inject(StorageConfigApiService);
     folderService = inject(FolderApiService);
+    translateService = inject(TranslateService);
     routeParams = toSignal(this.route.paramMap);
     initialized = false;
     isLoadingConfigs = signal(false, ...(ngDevMode ? [{ debugName: "isLoadingConfigs" }] : []));
@@ -30,10 +28,8 @@ class FileManagerFormComponent extends BaseStoragePage {
     selectedFile = signal(null, ...(ngDevMode ? [{ debugName: "selectedFile" }] : []));
     availableConfigs = signal([], ...(ngDevMode ? [{ debugName: "availableConfigs" }] : []));
     availableFolders = signal([], ...(ngDevMode ? [{ debugName: "availableFolders" }] : []));
-    /** Utility functions exposed to template */
     formatFileSize = formatFileSize;
-    getProviderLabel = getProviderLabel;
-    /** Form model */
+    getProviderLabelKey = getProviderLabelKey;
     formModel = signal({
         id: '',
         name: '',
@@ -41,11 +37,9 @@ class FileManagerFormComponent extends BaseStoragePage {
         folderId: '',
         storageConfigId: '',
     }, ...(ngDevMode ? [{ debugName: "formModel" }] : []));
-    /** Form with validation */
     fileForm = form(this.formModel, (f) => {
-        required(f.name, { message: 'File name is required' });
+        required(f.name, { message: this.translateService.translate('storage.validation.file.name.required') });
     });
-    /** Check if form is valid */
     isFormValid = computed(() => this.formModel().name.trim().length > 0, ...(ngDevMode ? [{ debugName: "isFormValid" }] : []));
     constructor() {
         super();
@@ -81,7 +75,7 @@ class FileManagerFormComponent extends BaseStoragePage {
             }
         }
         catch {
-            this.showError('Failed to load storage configurations.');
+            this.showError(this.translateService.translate('storage.config.load.failed'));
         }
         finally {
             this.isLoadingConfigs.set(false);
@@ -124,7 +118,7 @@ class FileManagerFormComponent extends BaseStoragePage {
             }
         }
         catch {
-            this.showError('Failed to load file.');
+            this.showError(this.translateService.translate('storage.error.load.file.failed'));
             this.navigateTo(['/storage/files']);
         }
         finally {
@@ -151,16 +145,16 @@ class FileManagerFormComponent extends BaseStoragePage {
                     isPrivate: formValue.isPrivate,
                     folderId: formValue.folderId || null,
                 });
-                this.showSuccess('File updated successfully.');
+                this.showSuccess(this.translateService.translate('storage.file.update.success'));
             }
             else {
                 const file = this.selectedFile();
                 if (!file) {
-                    this.showError('Please select a file to upload.');
+                    this.showError(this.translateService.translate('storage.error.no.file'));
                     return;
                 }
                 if (!formValue.storageConfigId) {
-                    this.showError('Please select a storage configuration.');
+                    this.showError(this.translateService.translate('storage.error.no.config'));
                     return;
                 }
                 const uploadResponse = await firstValueFrom(this.uploadService.uploadSingleFile(file, {
@@ -170,7 +164,7 @@ class FileManagerFormComponent extends BaseStoragePage {
                 }));
                 if (uploadResponse.success && uploadResponse.data) {
                     const uploadedFileInfo = uploadResponse.data;
-                    await this.fileService.createFileAsync({
+                    await firstValueFrom(this.fileService.createFile({
                         name: formValue.name,
                         key: uploadedFileInfo.key,
                         contentType: file.type || 'application/octet-stream',
@@ -178,17 +172,17 @@ class FileManagerFormComponent extends BaseStoragePage {
                         isPrivate: formValue.isPrivate,
                         folderId: formValue.folderId || undefined,
                         storageConfigId: formValue.storageConfigId,
-                    });
-                    this.showSuccess('File uploaded successfully.');
+                    }));
+                    this.showSuccess(this.translateService.translate('storage.upload.success'));
                 }
                 else {
-                    throw new Error('Upload failed');
+                    throw new Error(this.translateService.translate('storage.upload.failed'));
                 }
             }
             this.navigateTo(['/storage/files']);
         }
-        catch (error) {
-            this.showError(error?.message || `Failed to ${this.isEditMode() ? 'update' : 'upload'} file.`);
+        catch {
+            this.showError(this.translateService.translate('storage.upload.failed'));
         }
         finally {
             this.isLoading.set(false);
@@ -201,9 +195,9 @@ class FileManagerFormComponent extends BaseStoragePage {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: FileManagerFormComponent, isStandalone: true, selector: "lib-file-manager-form", usesInheritance: true, ngImport: i0, template: `
     <div class="card">
       <div class="mb-4">
-        <h3 class="text-lg sm:text-xl font-semibold">{{ isEditMode() ? 'Edit File' : 'Upload File' }}</h3>
+        <h3 class="text-lg sm:text-xl font-semibold">{{ (isEditMode() ? 'storage.file.manager.edit.file' : 'storage.file.manager.upload.file') | translate }}</h3>
         @if (showCompanyInfo()) {
-          <p class="text-sm text-muted-color mt-1">Company: {{ currentCompanyName() }}</p>
+          <p class="text-sm text-muted-color mt-1">{{ 'storage.company' | translate }}: {{ currentCompanyName() }}</p>
         }
       </div>
 
@@ -211,25 +205,25 @@ class FileManagerFormComponent extends BaseStoragePage {
         @if (!isEditMode()) {
           <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
             <div class="field">
-              <label for="storageConfig" class="block font-medium mb-2 text-sm sm:text-base">Storage Configuration *</label>
+              <label for="storageConfig" class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.config.provider.required' | translate }}</label>
               <select id="storageConfig" class="p-select-native w-full" [formField]="fileForm.storageConfigId">
-                <option value="">Select storage configuration...</option>
+                <option value="">{{ 'storage.config.select.config' | translate }}</option>
                 @for (config of availableConfigs(); track config.id) {
-                  <option [value]="config.id">{{ config.name }} ({{ getProviderLabel(config.storage) }})</option>
+                  <option [value]="config.id">{{ config.name }} ({{ getProviderLabelKey(config.storage) | translate }})</option>
                 }
               </select>
               @if (availableConfigs().length === 0 && !isLoadingConfigs()) {
                 <small class="text-warn block mt-2">
                   <i class="pi pi-exclamation-triangle mr-1"></i>
-                  No storage configurations found. Please create one first.
+                  {{ 'storage.config.no.configs' | translate }}
                 </small>
               }
             </div>
 
             <div class="field">
-              <label for="folder" class="block font-medium mb-2 text-sm sm:text-base">Folder (Optional)</label>
+              <label for="folder" class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.folder.optional' | translate }}</label>
               <select id="folder" class="p-select-native w-full" [formField]="fileForm.folderId">
-                <option value="">No folder (root level)</option>
+                <option value="">{{ 'storage.folder.no.folder' | translate }}</option>
                 @for (folder of availableFolders(); track folder.id) {
                   <option [value]="folder.id">{{ folder.name }}</option>
                 }
@@ -237,16 +231,16 @@ class FileManagerFormComponent extends BaseStoragePage {
               @if (availableFolders().length === 0 && !isLoadingFolders()) {
                 <small class="text-muted-color block mt-2">
                   <i class="pi pi-info-circle mr-1"></i>
-                  No folders available. File will be uploaded to root level.
+                  {{ 'storage.folder.no.folders.available' | translate }}
                 </small>
               }
             </div>
           </div>
         } @else {
           <div class="field mb-4">
-            <label for="folder" class="block font-medium mb-2 text-sm sm:text-base">Folder (Optional)</label>
+            <label for="folder" class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.folder.optional' | translate }}</label>
             <select id="folder" class="p-select-native w-full" [formField]="fileForm.folderId">
-              <option value="">No folder (root level)</option>
+              <option value="">{{ 'storage.folder.no.folder' | translate }}</option>
               @for (folder of availableFolders(); track folder.id) {
                 <option [value]="folder.id">{{ folder.name }}</option>
               }
@@ -254,7 +248,7 @@ class FileManagerFormComponent extends BaseStoragePage {
             @if (availableFolders().length === 0 && !isLoadingFolders()) {
               <small class="text-muted-color block mt-2">
                 <i class="pi pi-info-circle mr-1"></i>
-                No folders available.
+                {{ 'storage.folder.no.folders.edit' | translate }}
               </small>
             }
           </div>
@@ -262,7 +256,7 @@ class FileManagerFormComponent extends BaseStoragePage {
 
         @if (!isEditMode()) {
           <div class="field mb-4">
-            <label class="block font-medium mb-2 text-sm sm:text-base">Select File *</label>
+            <label class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.file.select.required' | translate }}</label>
             <p-fileupload
               #fileUpload
               [customUpload]="true"
@@ -271,7 +265,7 @@ class FileManagerFormComponent extends BaseStoragePage {
               [maxFileSize]="50000000"
               [showUploadButton]="false"
               [showCancelButton]="false"
-              chooseLabel="Choose File"
+              [chooseLabel]="'storage.button.choose.file' | translate"
               chooseIcon="pi pi-upload"
               accept="*/*"
               class="w-full"
@@ -293,60 +287,59 @@ class FileManagerFormComponent extends BaseStoragePage {
                 } @else {
                   <div class="flex items-center justify-center flex-col p-6 sm:p-8 border-2 border-dashed border-surface rounded-lg">
                     <i class="pi pi-cloud-upload text-3xl sm:text-4xl text-muted-color mb-3"></i>
-                    <p class="text-muted-color text-center text-sm sm:text-base">Drag and drop file here or click to browse</p>
-                    <p class="text-xs sm:text-sm text-muted-color mt-2">Maximum file size: 50MB</p>
+                    <p class="text-muted-color text-center text-sm sm:text-base">{{ 'storage.upload.drag.drop' | translate }}</p>
+                    <p class="text-xs sm:text-sm text-muted-color mt-2">{{ 'storage.upload.max.size' | translate: { size: '50MB' } }}</p>
                   </div>
                 }
               </ng-template>
             </p-fileupload>
             @if (!selectedFile() && !isEditMode()) {
-              <small class="text-muted-color">Please select a file to upload</small>
+              <small class="text-muted-color">{{ 'storage.upload.please.select' | translate }}</small>
             }
           </div>
         }
 
         <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
           <div class="field md:col-span-2">
-            <label for="name" class="block font-medium mb-2 text-sm sm:text-base">File Name *</label>
-            <input pInputText id="name" [formField]="fileForm.name" [placeholder]="isEditMode() ? 'Enter file name' : 'Will be auto-filled from selected file'" class="w-full" />
+            <label for="name" class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.file.name.required' | translate }}</label>
+            <input pInputText id="name" [formField]="fileForm.name" [placeholder]="(isEditMode() ? 'storage.file.placeholder.edit' : 'storage.file.placeholder') | translate" class="w-full" />
           </div>
 
           <div class="field">
             <label class="p-checkbox-native flex items-center gap-2">
               <input type="checkbox" [formField]="fileForm.isPrivate" />
-              <span>Private File</span>
+              <span>{{ 'storage.file.private' | translate }}</span>
             </label>
             <small class="text-muted-color block mt-2">
-              {{ formModel().isPrivate ? 'Only users with permission can access' : 'File is publicly accessible' }}
+              {{ (formModel().isPrivate ? 'storage.file.private.hint' : 'storage.file.public.hint') | translate }}
             </small>
           </div>
         </div>
 
         <div class="flex justify-end gap-2 mt-4">
-          <p-button label="Cancel" severity="secondary" [outlined]="true" (onClick)="onCancel()" />
+          <p-button [label]="'shared.cancel' | translate" severity="secondary" [outlined]="true" (onClick)="onCancel()" />
           <p-button
             type="submit"
-            [label]="isEditMode() ? 'Update' : 'Upload'"
+            [label]="(isEditMode() ? 'shared.update' : 'storage.button.upload') | translate"
             [loading]="isLoading()"
             [disabled]="!isFormValid() || (!isEditMode() && !selectedFile()) || isLoading()"
           />
         </div>
       </form>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: i3$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: i3$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: FileManagerFormComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-file-manager-form',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AngularModule, PrimeModule, FormField],
+                    imports: [AngularModule, PrimeModule, FormField, TranslatePipe],
                     template: `
     <div class="card">
       <div class="mb-4">
-        <h3 class="text-lg sm:text-xl font-semibold">{{ isEditMode() ? 'Edit File' : 'Upload File' }}</h3>
+        <h3 class="text-lg sm:text-xl font-semibold">{{ (isEditMode() ? 'storage.file.manager.edit.file' : 'storage.file.manager.upload.file') | translate }}</h3>
         @if (showCompanyInfo()) {
-          <p class="text-sm text-muted-color mt-1">Company: {{ currentCompanyName() }}</p>
+          <p class="text-sm text-muted-color mt-1">{{ 'storage.company' | translate }}: {{ currentCompanyName() }}</p>
         }
       </div>
 
@@ -354,25 +347,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         @if (!isEditMode()) {
           <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
             <div class="field">
-              <label for="storageConfig" class="block font-medium mb-2 text-sm sm:text-base">Storage Configuration *</label>
+              <label for="storageConfig" class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.config.provider.required' | translate }}</label>
               <select id="storageConfig" class="p-select-native w-full" [formField]="fileForm.storageConfigId">
-                <option value="">Select storage configuration...</option>
+                <option value="">{{ 'storage.config.select.config' | translate }}</option>
                 @for (config of availableConfigs(); track config.id) {
-                  <option [value]="config.id">{{ config.name }} ({{ getProviderLabel(config.storage) }})</option>
+                  <option [value]="config.id">{{ config.name }} ({{ getProviderLabelKey(config.storage) | translate }})</option>
                 }
               </select>
               @if (availableConfigs().length === 0 && !isLoadingConfigs()) {
                 <small class="text-warn block mt-2">
                   <i class="pi pi-exclamation-triangle mr-1"></i>
-                  No storage configurations found. Please create one first.
+                  {{ 'storage.config.no.configs' | translate }}
                 </small>
               }
             </div>
 
             <div class="field">
-              <label for="folder" class="block font-medium mb-2 text-sm sm:text-base">Folder (Optional)</label>
+              <label for="folder" class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.folder.optional' | translate }}</label>
               <select id="folder" class="p-select-native w-full" [formField]="fileForm.folderId">
-                <option value="">No folder (root level)</option>
+                <option value="">{{ 'storage.folder.no.folder' | translate }}</option>
                 @for (folder of availableFolders(); track folder.id) {
                   <option [value]="folder.id">{{ folder.name }}</option>
                 }
@@ -380,16 +373,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               @if (availableFolders().length === 0 && !isLoadingFolders()) {
                 <small class="text-muted-color block mt-2">
                   <i class="pi pi-info-circle mr-1"></i>
-                  No folders available. File will be uploaded to root level.
+                  {{ 'storage.folder.no.folders.available' | translate }}
                 </small>
               }
             </div>
           </div>
         } @else {
           <div class="field mb-4">
-            <label for="folder" class="block font-medium mb-2 text-sm sm:text-base">Folder (Optional)</label>
+            <label for="folder" class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.folder.optional' | translate }}</label>
             <select id="folder" class="p-select-native w-full" [formField]="fileForm.folderId">
-              <option value="">No folder (root level)</option>
+              <option value="">{{ 'storage.folder.no.folder' | translate }}</option>
               @for (folder of availableFolders(); track folder.id) {
                 <option [value]="folder.id">{{ folder.name }}</option>
               }
@@ -397,7 +390,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             @if (availableFolders().length === 0 && !isLoadingFolders()) {
               <small class="text-muted-color block mt-2">
                 <i class="pi pi-info-circle mr-1"></i>
-                No folders available.
+                {{ 'storage.folder.no.folders.edit' | translate }}
               </small>
             }
           </div>
@@ -405,7 +398,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
 
         @if (!isEditMode()) {
           <div class="field mb-4">
-            <label class="block font-medium mb-2 text-sm sm:text-base">Select File *</label>
+            <label class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.file.select.required' | translate }}</label>
             <p-fileupload
               #fileUpload
               [customUpload]="true"
@@ -414,7 +407,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               [maxFileSize]="50000000"
               [showUploadButton]="false"
               [showCancelButton]="false"
-              chooseLabel="Choose File"
+              [chooseLabel]="'storage.button.choose.file' | translate"
               chooseIcon="pi pi-upload"
               accept="*/*"
               class="w-full"
@@ -436,40 +429,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 } @else {
                   <div class="flex items-center justify-center flex-col p-6 sm:p-8 border-2 border-dashed border-surface rounded-lg">
                     <i class="pi pi-cloud-upload text-3xl sm:text-4xl text-muted-color mb-3"></i>
-                    <p class="text-muted-color text-center text-sm sm:text-base">Drag and drop file here or click to browse</p>
-                    <p class="text-xs sm:text-sm text-muted-color mt-2">Maximum file size: 50MB</p>
+                    <p class="text-muted-color text-center text-sm sm:text-base">{{ 'storage.upload.drag.drop' | translate }}</p>
+                    <p class="text-xs sm:text-sm text-muted-color mt-2">{{ 'storage.upload.max.size' | translate: { size: '50MB' } }}</p>
                   </div>
                 }
               </ng-template>
             </p-fileupload>
             @if (!selectedFile() && !isEditMode()) {
-              <small class="text-muted-color">Please select a file to upload</small>
+              <small class="text-muted-color">{{ 'storage.upload.please.select' | translate }}</small>
             }
           </div>
         }
 
         <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
           <div class="field md:col-span-2">
-            <label for="name" class="block font-medium mb-2 text-sm sm:text-base">File Name *</label>
-            <input pInputText id="name" [formField]="fileForm.name" [placeholder]="isEditMode() ? 'Enter file name' : 'Will be auto-filled from selected file'" class="w-full" />
+            <label for="name" class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.file.name.required' | translate }}</label>
+            <input pInputText id="name" [formField]="fileForm.name" [placeholder]="(isEditMode() ? 'storage.file.placeholder.edit' : 'storage.file.placeholder') | translate" class="w-full" />
           </div>
 
           <div class="field">
             <label class="p-checkbox-native flex items-center gap-2">
               <input type="checkbox" [formField]="fileForm.isPrivate" />
-              <span>Private File</span>
+              <span>{{ 'storage.file.private' | translate }}</span>
             </label>
             <small class="text-muted-color block mt-2">
-              {{ formModel().isPrivate ? 'Only users with permission can access' : 'File is publicly accessible' }}
+              {{ (formModel().isPrivate ? 'storage.file.private.hint' : 'storage.file.public.hint') | translate }}
             </small>
           </div>
         </div>
 
         <div class="flex justify-end gap-2 mt-4">
-          <p-button label="Cancel" severity="secondary" [outlined]="true" (onClick)="onCancel()" />
+          <p-button [label]="'shared.cancel' | translate" severity="secondary" [outlined]="true" (onClick)="onCancel()" />
           <p-button
             type="submit"
-            [label]="isEditMode() ? 'Update' : 'Upload'"
+            [label]="(isEditMode() ? 'shared.update' : 'storage.button.upload') | translate"
             [loading]="isLoading()"
             [disabled]="!isFormValid() || (!isEditMode() && !selectedFile()) || isLoading()"
           />
@@ -481,4 +474,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         }], ctorParameters: () => [] });
 
 export { FileManagerFormComponent };
-//# sourceMappingURL=flusys-ng-storage-file-manager-form.component-CXVB9G-f.mjs.map
+//# sourceMappingURL=flusys-ng-storage-file-manager-form.component-AM7JE-s5.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-file-manager-form.component-AM7JE-s5.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\">{{ (isEditMode() ? 'storage.file.manager.edit.file' : 'storage.file.manager.upload.file') | translate }}</h3>\n        @if (showCompanyInfo()) {\n          <p class=\"text-sm text-muted-color mt-1\">{{ 'storage.company' | translate }}: {{ currentCompanyName() }}</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 for=\"storageConfig\" class=\"block font-medium mb-2 text-sm sm:text-base\">{{ 'storage.config.provider.required' | translate }}</label>\n              <select id=\"storageConfig\" class=\"p-select-native w-full\" [formField]=\"fileForm.storageConfigId\">\n                <option value=\"\">{{ 'storage.config.select.config' | translate }}</option>\n                @for (config of availableConfigs(); track config.id) {\n                  <option [value]=\"config.id\">{{ config.name }} ({{ getProviderLabelKey(config.storage) | translate }})</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 for=\"folder\" class=\"block font-medium mb-2 text-sm sm:text-base\">{{ 'storage.folder.optional' | translate }}</label>\n              <select id=\"folder\" class=\"p-select-native w-full\" [formField]=\"fileForm.folderId\">\n                <option value=\"\">{{ 'storage.folder.no.folder' | translate }}</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 for=\"folder\" class=\"block font-medium mb-2 text-sm sm:text-base\">{{ 'storage.folder.optional' | translate }}</label>\n            <select id=\"folder\" class=\"p-select-native w-full\" [formField]=\"fileForm.folderId\">\n              <option value=\"\">{{ 'storage.folder.no.folder' | translate }}</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\">{{ 'storage.file.select.required' | translate }}</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 class=\"flex items-center gap-3 p-3 border border-surface rounded-lg bg-surface-ground\">\n                        <i class=\"pi pi-file text-xl sm:text-2xl text-primary\"></i>\n                        <div class=\"flex-1 min-w-0\">\n                          <div class=\"font-medium truncate\">{{ file.name }}</div>\n                          <div class=\"text-sm text-muted-color\">{{ formatFileSize(file.size) }}</div>\n                        </div>\n                        <p-button icon=\"pi pi-times\" [text]=\"true\" severity=\"danger\" size=\"small\" (onClick)=\"fileUpload.clear()\" />\n                      </div>\n                    }\n                  </div>\n                } @else {\n                  <div class=\"flex items-center justify-center flex-col p-6 sm:p-8 border-2 border-dashed border-surface rounded-lg\">\n                    <i class=\"pi pi-cloud-upload text-3xl sm:text-4xl text-muted-color mb-3\"></i>\n                    <p class=\"text-muted-color text-center text-sm sm:text-base\">{{ 'storage.upload.drag.drop' | translate }}</p>\n                    <p class=\"text-xs sm:text-sm text-muted-color mt-2\">{{ 'storage.upload.max.size' | translate: { size: '50MB' } }}</p>\n                  </div>\n                }\n              </ng-template>\n            </p-fileupload>\n            @if (!selectedFile() && !isEditMode()) {\n              <small class=\"text-muted-color\">{{ 'storage.upload.please.select' | translate }}</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 for=\"name\" class=\"block font-medium mb-2 text-sm sm:text-base\">{{ 'storage.file.name.required' | translate }}</label>\n            <input pInputText id=\"name\" [formField]=\"fileForm.name\" [placeholder]=\"(isEditMode() ? 'storage.file.placeholder.edit' : 'storage.file.placeholder') | translate\" class=\"w-full\" />\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              {{ (formModel().isPrivate ? 'storage.file.private.hint' : 'storage.file.public.hint') | translate }}\n            </small>\n          </div>\n        </div>\n\n        <div class=\"flex justify-end gap-2 mt-4\">\n          <p-button [label]=\"'shared.cancel' | translate\" severity=\"secondary\" [outlined]=\"true\" (onClick)=\"onCancel()\" />\n          <p-button\n            type=\"submit\"\n            [label]=\"(isEditMode() ? 'shared.update' : 'storage.button.upload') | translate\"\n            [loading]=\"isLoading()\"\n            [disabled]=\"!isFormValid() || (!isEditMode() && !selectedFile()) || isLoading()\"\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, { message: this.translateService.translate('storage.validation.file.name.required') });\n  });\n\n  readonly isFormValid = computed(() => this.formModel().name.trim().length > 0);\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 firstValueFrom(\n        this.configService.getAll('', {\n          pagination: { currentPage: 0, pageSize: 100 },\n          filter: {},\n          select: [],\n          sort: {},\n        }),\n      );\n      if (response.success && response.data) {\n        this.availableConfigs.set(response.data);\n        if (response.data.length === 1) {\n          this.formModel.update((m) => ({ ...m, storageConfigId: response.data![0].id }));\n        }\n      }\n    } catch {\n      this.showError(this.translateService.translate('storage.config.load.failed'));\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 firstValueFrom(\n        this.folderService.getAll('', {\n          pagination: { currentPage: 0, pageSize: 100 },\n          filter: {},\n          select: [],\n          sort: {},\n        }),\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.findByIdAsync(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.showError(this.translateService.translate('storage.error.load.file.failed'));\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        await this.fileService.updateAsync({\n          id: formValue.id,\n          name: formValue.name,\n          isPrivate: formValue.isPrivate,\n          folderId: formValue.folderId || null,\n        });\n        this.showSuccess(this.translateService.translate('storage.file.update.success'));\n      } else {\n        const file = this.selectedFile();\n        if (!file) {\n          this.showError(this.translateService.translate('storage.error.no.file'));\n          return;\n        }\n\n        if (!formValue.storageConfigId) {\n          this.showError(this.translateService.translate('storage.error.no.config'));\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          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(this.translateService.translate('storage.upload.success'));\n        } else {\n          throw new Error(this.translateService.translate('storage.upload.failed'));\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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"}