@flusys/ng-storage 5.4.1 → 6.0.0-beta.1

package/fesm2022/{flusys-ng-storage-storage-config-form.component-BdpCYR3c.mjs → flusys-ng-storage-storage-config-form.component-CEW5gpSt.mjs}

@@ -3,12 +3,11 @@ 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 { TranslateService, AngularModule, PrimeModule, TranslatePipe } from '@flusys/ng-shared';
+import { TranslateService, AngularModule, TranslatePipe } from '@flusys/ng-shared';
 import { FileLocationEnum, BaseStoragePage, StorageConfigApiService, STORAGE_PROVIDER_OPTIONS } from './flusys-ng-storage.mjs';
+import * as i1$1 from '@flusys/ng-ui';
+import { UiModule } from '@flusys/ng-ui';
 import * as i1 from '@angular/forms';
-import * as i1$1 from 'primeng/button';
-import * as i3 from 'primeng/inputtext';
-import * as i4 from 'primeng/toggleswitch';
 
 const DEFAULT_FORM_MODEL = {
     id: '',
@@ -39,18 +38,23 @@ class StorageConfigFormComponent extends BaseStoragePage {
     initialized = false;
     fileLocationEnum = FileLocationEnum;
     storageProviderOptions = STORAGE_PROVIDER_OPTIONS;
-    existingConfig = signal(null, ...(ngDevMode ? [{ debugName: "existingConfig" }] : []));
-    isEditMode = computed(() => !!this.existingConfig(), ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
+    existingConfig = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "existingConfig" }] : /* istanbul ignore next */ []));
+    isEditMode = computed(() => !!this.existingConfig(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isEditMode" }] : /* istanbul ignore next */ []));
     formModel = signal({
         ...DEFAULT_FORM_MODEL,
-    }, ...(ngDevMode ? [{ debugName: "formModel" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formModel" }] : /* istanbul ignore next */ []));
     configForm = form(this.formModel, (f) => {
         required(f.name, {
             message: this.translateService.translate('storage.validation.config.name.required'),
         });
     });
-    selectedProvider = computed(() => this.formModel().storage, ...(ngDevMode ? [{ debugName: "selectedProvider" }] : []));
-    isFormValid = computed(() => this.formModel().name.trim().length > 0, ...(ngDevMode ? [{ debugName: "isFormValid" }] : []));
+    selectedProvider = computed(() => this.formModel().storage, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedProvider" }] : /* istanbul ignore next */ []));
+    isFormValid = computed(() => this.formModel().name.trim().length > 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isFormValid" }] : /* istanbul ignore next */ []));
     constructor() {
         super();
         effect(() => {
@@ -187,8 +191,8 @@ class StorageConfigFormComponent extends BaseStoragePage {
                 return {};
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: StorageConfigFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: StorageConfigFormComponent, isStandalone: true, selector: "lib-storage-config-form", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: StorageConfigFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: StorageConfigFormComponent, isStandalone: true, selector: "lib-storage-config-form", usesInheritance: true, ngImport: i0, template: `
     <div class="card">
       <h3 class="text-lg sm:text-xl font-semibold mb-4">
         {{
@@ -213,7 +217,7 @@ class StorageConfigFormComponent extends BaseStoragePage {
               >{{ 'storage.config.config.name.required' | translate }}</label
             >
             <input
-              pInputText
+              fInputText
               id="name"
               [formField]="configForm.name"
               [placeholder]="
@@ -229,28 +233,26 @@ class StorageConfigFormComponent extends BaseStoragePage {
               class="block font-medium mb-2 text-sm sm:text-base"
               >{{ 'storage.config.provider.required' | translate }}</label
             >
-            <select
-              id="storage"
-              class="p-select-native w-full"
+            <f-select
+              inputId="storage"
+              [options]="[...storageProviderOptions]"
+              optionValue="value"
               [formField]="configForm.storage"
             >
-              @for (provider of storageProviderOptions; track provider.value) {
-                <option [value]="provider.value">
-                  {{ provider.labelKey | translate }}
-                </option>
-              }
-            </select>
+              <ng-template #item let-provider>{{ provider.labelKey | translate }}</ng-template>
+              <ng-template #selectedItem let-provider>{{ provider.labelKey | translate }}</ng-template>
+            </f-select>
           </div>
 
           <div class="field flex items-center gap-2">
-            <p-toggleswitch [formField]="configForm.isActive" />
+            <f-toggleswitch [formField]="configForm.isActive" />
             <label class="text-sm sm:text-base">{{
               'shared.active' | translate
             }}</label>
           </div>
 
           <div class="field flex items-center gap-2">
-            <p-toggleswitch [formField]="configForm.isDefault" />
+            <f-toggleswitch [formField]="configForm.isDefault" />
             <label class="text-sm sm:text-base">{{
               'storage.set.as.default' | translate
             }}</label>
@@ -274,7 +276,7 @@ class StorageConfigFormComponent extends BaseStoragePage {
                 >{{ 'storage.config.region.required' | translate }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="awsRegion"
                 [formField]="configForm.awsRegion"
                 [placeholder]="'storage.aws.region.placeholder' | translate"
@@ -288,7 +290,7 @@ class StorageConfigFormComponent extends BaseStoragePage {
                 >{{ 'storage.config.bucket.required' | translate }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="awsBucket"
                 [formField]="configForm.awsBucket"
                 [placeholder]="'storage.aws.bucket.placeholder' | translate"
@@ -302,7 +304,7 @@ class StorageConfigFormComponent extends BaseStoragePage {
                 >{{ 'storage.config.access.key.required' | translate }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="awsAccessKeyId"
                 [formField]="configForm.awsAccessKeyId"
                 class="w-full"
@@ -316,7 +318,7 @@ class StorageConfigFormComponent extends BaseStoragePage {
               >
               <input
                 type="password"
-                pInputText
+                fInputText
                 id="awsSecretAccessKey"
                 [formField]="configForm.awsSecretAccessKey"
                 class="w-full"
@@ -329,7 +331,7 @@ class StorageConfigFormComponent extends BaseStoragePage {
                 >{{ 'storage.config.endpoint.optional' | translate }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="awsEndpoint"
                 [formField]="configForm.awsEndpoint"
                 [placeholder]="
@@ -358,7 +360,7 @@ class StorageConfigFormComponent extends BaseStoragePage {
                 >{{ 'storage.azure.account.name.required' | translate }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="azureAccountName"
                 [formField]="configForm.azureAccountName"
                 class="w-full"
@@ -373,7 +375,7 @@ class StorageConfigFormComponent extends BaseStoragePage {
                 }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="azureContainerName"
                 [formField]="configForm.azureContainerName"
                 class="w-full"
@@ -387,7 +389,7 @@ class StorageConfigFormComponent extends BaseStoragePage {
               >
               <input
                 type="password"
-                pInputText
+                fInputText
                 id="azureAccountKey"
                 [formField]="configForm.azureAccountKey"
                 class="w-full"
@@ -413,7 +415,7 @@ class StorageConfigFormComponent extends BaseStoragePage {
                 >{{ 'storage.sftp.host.required' | translate }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="sftpHost"
                 [formField]="configForm.sftpHost"
                 [placeholder]="'storage.sftp.host.placeholder' | translate"
@@ -428,7 +430,7 @@ class StorageConfigFormComponent extends BaseStoragePage {
               >
               <input
                 type="number"
-                pInputText
+                fInputText
                 id="sftpPort"
                 [formField]="configForm.sftpPort"
                 [placeholder]="'storage.sftp.port.placeholder' | translate"
@@ -442,7 +444,7 @@ class StorageConfigFormComponent extends BaseStoragePage {
                 >{{ 'storage.sftp.username.required' | translate }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="sftpUsername"
                 [formField]="configForm.sftpUsername"
                 class="w-full"
@@ -456,7 +458,7 @@ class StorageConfigFormComponent extends BaseStoragePage {
               >
               <input
                 type="password"
-                pInputText
+                fInputText
                 id="sftpPassword"
                 [formField]="configForm.sftpPassword"
                 class="w-full"
@@ -469,7 +471,7 @@ class StorageConfigFormComponent extends BaseStoragePage {
                 >{{ 'storage.sftp.base.path.required' | translate }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="sftpBasePath"
                 [formField]="configForm.sftpBasePath"
                 [placeholder]="'storage.sftp.base.path.placeholder' | translate"
@@ -496,7 +498,7 @@ class StorageConfigFormComponent extends BaseStoragePage {
                 >{{ 'storage.local.base.path.required' | translate }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="localBasePath"
                 [formField]="configForm.localBasePath"
                 [placeholder]="
@@ -509,30 +511,36 @@ class StorageConfigFormComponent extends BaseStoragePage {
         }
 
         <div class="flex justify-end gap-2 mt-4">
-          <p-button
-            [label]="'shared.cancel' | translate"
+          <button
+            fButton
             severity="secondary"
             [outlined]="true"
-            (onClick)="onCancel()"
-          />
-          <p-button
+            (click)="onCancel()"
+          >
+            <span pButtonLabel>{{ 'shared.cancel' | translate }}</span>
+          </button>
+          <button
+            fButton
             type="submit"
-            [label]="
-              (isEditMode() ? 'shared.update' : 'shared.create') | translate
-            "
-            [loading]="isLoading()"
             [disabled]="!isFormValid() || isLoading()"
-          />
+          >
+            @if (isLoading()) {
+              <ui-icon pButtonIcon name="spinner" [spin]="true"></ui-icon>
+            }
+            <span pButtonLabel>{{ 
+              (isEditMode() ? 'shared.update' : 'shared.create') | translate
+             }}</span>
+          </button>
         </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: "directive", type: i3.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i4.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: UiModule }, { kind: "directive", type: i1$1.FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "rounded", "raised", "fluid", "disabled", "loading", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "directive", type: i1$1.InputTextDirective, selector: "[fInputText]", inputs: ["invalid", "touched"] }, { kind: "component", type: i1$1.SelectComponent, selector: "f-select", inputs: ["options", "optionLabel", "optionValue", "placeholder", "disabled", "filter", "showClear", "loading", "inputId", "invalid", "touched", "styleClass", "editable"], outputs: ["onFilter", "onChange", "onShow", "onHide", "onBlur"] }, { kind: "component", type: i1$1.ToggleSwitchComponent, selector: "f-toggleswitch", inputs: ["disabled", "readonly", "invalid", "ariaLabel", "trueValue", "falseValue", "inputId"] }, { kind: "component", type: i1$1.UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: StorageConfigFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: StorageConfigFormComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-storage-config-form',
-                    imports: [AngularModule, PrimeModule, FormField, TranslatePipe],
+                    imports: [AngularModule, UiModule, FormField, TranslatePipe],
                     template: `
     <div class="card">
       <h3 class="text-lg sm:text-xl font-semibold mb-4">
@@ -558,7 +566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               >{{ 'storage.config.config.name.required' | translate }}</label
             >
             <input
-              pInputText
+              fInputText
               id="name"
               [formField]="configForm.name"
               [placeholder]="
@@ -574,28 +582,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               class="block font-medium mb-2 text-sm sm:text-base"
               >{{ 'storage.config.provider.required' | translate }}</label
             >
-            <select
-              id="storage"
-              class="p-select-native w-full"
+            <f-select
+              inputId="storage"
+              [options]="[...storageProviderOptions]"
+              optionValue="value"
               [formField]="configForm.storage"
             >
-              @for (provider of storageProviderOptions; track provider.value) {
-                <option [value]="provider.value">
-                  {{ provider.labelKey | translate }}
-                </option>
-              }
-            </select>
+              <ng-template #item let-provider>{{ provider.labelKey | translate }}</ng-template>
+              <ng-template #selectedItem let-provider>{{ provider.labelKey | translate }}</ng-template>
+            </f-select>
           </div>
 
           <div class="field flex items-center gap-2">
-            <p-toggleswitch [formField]="configForm.isActive" />
+            <f-toggleswitch [formField]="configForm.isActive" />
             <label class="text-sm sm:text-base">{{
               'shared.active' | translate
             }}</label>
           </div>
 
           <div class="field flex items-center gap-2">
-            <p-toggleswitch [formField]="configForm.isDefault" />
+            <f-toggleswitch [formField]="configForm.isDefault" />
             <label class="text-sm sm:text-base">{{
               'storage.set.as.default' | translate
             }}</label>
@@ -619,7 +625,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 >{{ 'storage.config.region.required' | translate }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="awsRegion"
                 [formField]="configForm.awsRegion"
                 [placeholder]="'storage.aws.region.placeholder' | translate"
@@ -633,7 +639,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 >{{ 'storage.config.bucket.required' | translate }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="awsBucket"
                 [formField]="configForm.awsBucket"
                 [placeholder]="'storage.aws.bucket.placeholder' | translate"
@@ -647,7 +653,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 >{{ 'storage.config.access.key.required' | translate }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="awsAccessKeyId"
                 [formField]="configForm.awsAccessKeyId"
                 class="w-full"
@@ -661,7 +667,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               >
               <input
                 type="password"
-                pInputText
+                fInputText
                 id="awsSecretAccessKey"
                 [formField]="configForm.awsSecretAccessKey"
                 class="w-full"
@@ -674,7 +680,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 >{{ 'storage.config.endpoint.optional' | translate }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="awsEndpoint"
                 [formField]="configForm.awsEndpoint"
                 [placeholder]="
@@ -703,7 +709,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 >{{ 'storage.azure.account.name.required' | translate }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="azureAccountName"
                 [formField]="configForm.azureAccountName"
                 class="w-full"
@@ -718,7 +724,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="azureContainerName"
                 [formField]="configForm.azureContainerName"
                 class="w-full"
@@ -732,7 +738,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               >
               <input
                 type="password"
-                pInputText
+                fInputText
                 id="azureAccountKey"
                 [formField]="configForm.azureAccountKey"
                 class="w-full"
@@ -758,7 +764,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 >{{ 'storage.sftp.host.required' | translate }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="sftpHost"
                 [formField]="configForm.sftpHost"
                 [placeholder]="'storage.sftp.host.placeholder' | translate"
@@ -773,7 +779,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               >
               <input
                 type="number"
-                pInputText
+                fInputText
                 id="sftpPort"
                 [formField]="configForm.sftpPort"
                 [placeholder]="'storage.sftp.port.placeholder' | translate"
@@ -787,7 +793,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 >{{ 'storage.sftp.username.required' | translate }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="sftpUsername"
                 [formField]="configForm.sftpUsername"
                 class="w-full"
@@ -801,7 +807,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               >
               <input
                 type="password"
-                pInputText
+                fInputText
                 id="sftpPassword"
                 [formField]="configForm.sftpPassword"
                 class="w-full"
@@ -814,7 +820,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 >{{ 'storage.sftp.base.path.required' | translate }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="sftpBasePath"
                 [formField]="configForm.sftpBasePath"
                 [placeholder]="'storage.sftp.base.path.placeholder' | translate"
@@ -841,7 +847,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 >{{ 'storage.local.base.path.required' | translate }}</label
               >
               <input
-                pInputText
+                fInputText
                 id="localBasePath"
                 [formField]="configForm.localBasePath"
                 [placeholder]="
@@ -854,20 +860,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         }
 
         <div class="flex justify-end gap-2 mt-4">
-          <p-button
-            [label]="'shared.cancel' | translate"
+          <button
+            fButton
             severity="secondary"
             [outlined]="true"
-            (onClick)="onCancel()"
-          />
-          <p-button
+            (click)="onCancel()"
+          >
+            <span pButtonLabel>{{ 'shared.cancel' | translate }}</span>
+          </button>
+          <button
+            fButton
             type="submit"
-            [label]="
-              (isEditMode() ? 'shared.update' : 'shared.create') | translate
-            "
-            [loading]="isLoading()"
             [disabled]="!isFormValid() || isLoading()"
-          />
+          >
+            @if (isLoading()) {
+              <ui-icon pButtonIcon name="spinner" [spin]="true"></ui-icon>
+            }
+            <span pButtonLabel>{{ 
+              (isEditMode() ? 'shared.update' : 'shared.create') | translate
+             }}</span>
+          </button>
         </div>
       </form>
     </div>
@@ -876,4 +888,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         }], ctorParameters: () => [] });
 
 export { StorageConfigFormComponent };
-//# sourceMappingURL=flusys-ng-storage-storage-config-form.component-BdpCYR3c.mjs.map
+//# sourceMappingURL=flusys-ng-storage-storage-config-form.component-CEW5gpSt.mjs.map

package/fesm2022/flusys-ng-storage-storage-config-form.component-CEW5gpSt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-storage-config-form.component-CEW5gpSt.mjs","sources":["../../../projects/ng-storage/pages/storage-config/storage-config-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 {\n  AngularModule,\n  TranslatePipe,\n  TranslateService,\n} from '@flusys/ng-shared';\nimport { FileLocationEnum } from '../../enums/file-location.enum';\nimport { IStorageConfig } from '../../interfaces/storage-config.interface';\nimport { StorageConfigApiService } from '../../services/storage-config-api.service';\nimport { BaseStoragePage } from '../../utils/base-storage-page';\nimport { STORAGE_PROVIDER_OPTIONS } from '../../utils/storage-utils';\nimport { UiModule } from '@flusys/ng-ui';\n\ninterface IStorageConfigFormModel {\n  id: string;\n  name: string;\n  storage: FileLocationEnum;\n  isActive: boolean;\n  isDefault: boolean;\n  awsRegion: string;\n  awsBucket: string;\n  awsAccessKeyId: string;\n  awsSecretAccessKey: string;\n  awsEndpoint: string;\n  azureAccountName: string;\n  azureAccountKey: string;\n  azureContainerName: string;\n  sftpHost: string;\n  sftpPort: string;\n  sftpUsername: string;\n  sftpPassword: string;\n  sftpBasePath: string;\n  localBasePath: string;\n}\n\nconst DEFAULT_FORM_MODEL: IStorageConfigFormModel = {\n  id: '',\n  name: '',\n  storage: FileLocationEnum.AWS,\n  isActive: true,\n  isDefault: false,\n  awsRegion: '',\n  awsBucket: '',\n  awsAccessKeyId: '',\n  awsSecretAccessKey: '',\n  awsEndpoint: '',\n  azureAccountName: '',\n  azureAccountKey: '',\n  azureContainerName: '',\n  sftpHost: '',\n  sftpPort: '22',\n  sftpUsername: '',\n  sftpPassword: '',\n  sftpBasePath: '',\n  localBasePath: '',\n};\n\n@Component({\n  selector: 'lib-storage-config-form',\n  imports: [AngularModule, UiModule, FormField, TranslatePipe],\n  template: `\n    <div class=\"card\">\n      <h3 class=\"text-lg sm:text-xl font-semibold mb-4\">\n        {{\n          (isEditMode()\n            ? 'storage.config.edit.config'\n            : 'storage.config.new.config'\n          ) | translate\n        }}\n      </h3>\n      @if (showCompanyInfo()) {\n        <p class=\"text-sm text-muted-color mb-4\">\n          {{ 'shared.company' | translate }}: {{ currentCompanyName() }}\n        </p>\n      }\n\n      <form (ngSubmit)=\"onSubmit()\">\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n          <div class=\"field\">\n            <label\n              for=\"name\"\n              class=\"block font-medium mb-2 text-sm sm:text-base\"\n              >{{ 'storage.config.config.name.required' | translate }}</label\n            >\n            <input\n              fInputText\n              id=\"name\"\n              [formField]=\"configForm.name\"\n              [placeholder]=\"\n                'storage.config.config.name.placeholder' | translate\n              \"\n              class=\"w-full\"\n            />\n          </div>\n\n          <div class=\"field\">\n            <label\n              for=\"storage\"\n              class=\"block font-medium mb-2 text-sm sm:text-base\"\n              >{{ 'storage.config.provider.required' | translate }}</label\n            >\n            <f-select\n              inputId=\"storage\"\n              [options]=\"[...storageProviderOptions]\"\n              optionValue=\"value\"\n              [formField]=\"configForm.storage\"\n            >\n              <ng-template #item let-provider>{{ provider.labelKey | translate }}</ng-template>\n              <ng-template #selectedItem let-provider>{{ provider.labelKey | translate }}</ng-template>\n            </f-select>\n          </div>\n\n          <div class=\"field flex items-center gap-2\">\n            <f-toggleswitch [formField]=\"configForm.isActive\" />\n            <label class=\"text-sm sm:text-base\">{{\n              'shared.active' | translate\n            }}</label>\n          </div>\n\n          <div class=\"field flex items-center gap-2\">\n            <f-toggleswitch [formField]=\"configForm.isDefault\" />\n            <label class=\"text-sm sm:text-base\">{{\n              'storage.set.as.default' | translate\n            }}</label>\n          </div>\n        </div>\n\n        @if (selectedProvider() === fileLocationEnum.AWS) {\n          <div\n            class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 p-4 bg-surface-ground rounded-lg border border-surface\"\n          >\n            <div class=\"md:col-span-2 mb-2\">\n              <span\n                class=\"text-sm font-semibold text-muted-color uppercase tracking-wide\"\n                >{{ 'storage.aws.title' | translate }}</span\n              >\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"awsRegion\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.config.region.required' | translate }}</label\n              >\n              <input\n                fInputText\n                id=\"awsRegion\"\n                [formField]=\"configForm.awsRegion\"\n                [placeholder]=\"'storage.aws.region.placeholder' | translate\"\n                class=\"w-full\"\n              />\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"awsBucket\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.config.bucket.required' | translate }}</label\n              >\n              <input\n                fInputText\n                id=\"awsBucket\"\n                [formField]=\"configForm.awsBucket\"\n                [placeholder]=\"'storage.aws.bucket.placeholder' | translate\"\n                class=\"w-full\"\n              />\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"awsAccessKeyId\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.config.access.key.required' | translate }}</label\n              >\n              <input\n                fInputText\n                id=\"awsAccessKeyId\"\n                [formField]=\"configForm.awsAccessKeyId\"\n                class=\"w-full\"\n              />\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"awsSecretAccessKey\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.config.secret.key.required' | translate }}</label\n              >\n              <input\n                type=\"password\"\n                fInputText\n                id=\"awsSecretAccessKey\"\n                [formField]=\"configForm.awsSecretAccessKey\"\n                class=\"w-full\"\n              />\n            </div>\n            <div class=\"field md:col-span-2\">\n              <label\n                for=\"awsEndpoint\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.config.endpoint.optional' | translate }}</label\n              >\n              <input\n                fInputText\n                id=\"awsEndpoint\"\n                [formField]=\"configForm.awsEndpoint\"\n                [placeholder]=\"\n                  'storage.config.endpoint.placeholder' | translate\n                \"\n                class=\"w-full\"\n              />\n            </div>\n          </div>\n        }\n\n        @if (selectedProvider() === fileLocationEnum.AZURE) {\n          <div\n            class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 p-4 bg-surface-ground rounded-lg border border-surface\"\n          >\n            <div class=\"md:col-span-2 mb-2\">\n              <span\n                class=\"text-sm font-semibold text-muted-color uppercase tracking-wide\"\n                >{{ 'storage.azure.title' | translate }}</span\n              >\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"azureAccountName\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.azure.account.name.required' | translate }}</label\n              >\n              <input\n                fInputText\n                id=\"azureAccountName\"\n                [formField]=\"configForm.azureAccountName\"\n                class=\"w-full\"\n              />\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"azureContainerName\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{\n                  'storage.azure.container.name.required' | translate\n                }}</label\n              >\n              <input\n                fInputText\n                id=\"azureContainerName\"\n                [formField]=\"configForm.azureContainerName\"\n                class=\"w-full\"\n              />\n            </div>\n            <div class=\"field md:col-span-2\">\n              <label\n                for=\"azureAccountKey\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.azure.account.key.required' | translate }}</label\n              >\n              <input\n                type=\"password\"\n                fInputText\n                id=\"azureAccountKey\"\n                [formField]=\"configForm.azureAccountKey\"\n                class=\"w-full\"\n              />\n            </div>\n          </div>\n        }\n\n        @if (selectedProvider() === fileLocationEnum.SFTP) {\n          <div\n            class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 p-4 bg-surface-ground rounded-lg border border-surface\"\n          >\n            <div class=\"md:col-span-2 mb-2\">\n              <span\n                class=\"text-sm font-semibold text-muted-color uppercase tracking-wide\"\n                >{{ 'storage.sftp.title' | translate }}</span\n              >\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"sftpHost\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.sftp.host.required' | translate }}</label\n              >\n              <input\n                fInputText\n                id=\"sftpHost\"\n                [formField]=\"configForm.sftpHost\"\n                [placeholder]=\"'storage.sftp.host.placeholder' | translate\"\n                class=\"w-full\"\n              />\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"sftpPort\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.sftp.port.required' | translate }}</label\n              >\n              <input\n                type=\"number\"\n                fInputText\n                id=\"sftpPort\"\n                [formField]=\"configForm.sftpPort\"\n                [placeholder]=\"'storage.sftp.port.placeholder' | translate\"\n                class=\"w-full\"\n              />\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"sftpUsername\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.sftp.username.required' | translate }}</label\n              >\n              <input\n                fInputText\n                id=\"sftpUsername\"\n                [formField]=\"configForm.sftpUsername\"\n                class=\"w-full\"\n              />\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"sftpPassword\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.sftp.password.required' | translate }}</label\n              >\n              <input\n                type=\"password\"\n                fInputText\n                id=\"sftpPassword\"\n                [formField]=\"configForm.sftpPassword\"\n                class=\"w-full\"\n              />\n            </div>\n            <div class=\"field md:col-span-2\">\n              <label\n                for=\"sftpBasePath\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.sftp.base.path.required' | translate }}</label\n              >\n              <input\n                fInputText\n                id=\"sftpBasePath\"\n                [formField]=\"configForm.sftpBasePath\"\n                [placeholder]=\"'storage.sftp.base.path.placeholder' | translate\"\n                class=\"w-full\"\n              />\n            </div>\n          </div>\n        }\n\n        @if (selectedProvider() === fileLocationEnum.LOCAL) {\n          <div\n            class=\"grid grid-cols-1 gap-4 mt-4 p-4 bg-surface-ground rounded-lg border border-surface\"\n          >\n            <div class=\"mb-2\">\n              <span\n                class=\"text-sm font-semibold text-muted-color uppercase tracking-wide\"\n                >{{ 'storage.local.title' | translate }}</span\n              >\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"localBasePath\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.local.base.path.required' | translate }}</label\n              >\n              <input\n                fInputText\n                id=\"localBasePath\"\n                [formField]=\"configForm.localBasePath\"\n                [placeholder]=\"\n                  'storage.local.base.path.placeholder' | translate\n                \"\n                class=\"w-full\"\n              />\n            </div>\n          </div>\n        }\n\n        <div class=\"flex justify-end gap-2 mt-4\">\n          <button\n            fButton\n            severity=\"secondary\"\n            [outlined]=\"true\"\n            (click)=\"onCancel()\"\n          >\n            <span pButtonLabel>{{ 'shared.cancel' | translate }}</span>\n          </button>\n          <button\n            fButton\n            type=\"submit\"\n            [disabled]=\"!isFormValid() || isLoading()\"\n          >\n            @if (isLoading()) {\n              <ui-icon pButtonIcon name=\"spinner\" [spin]=\"true\"></ui-icon>\n            }\n            <span pButtonLabel>{{ \n              (isEditMode() ? 'shared.update' : 'shared.create') | translate\n             }}</span>\n          </button>\n        </div>\n      </form>\n    </div>\n  `,\n})\nexport class StorageConfigFormComponent extends BaseStoragePage {\n  private readonly route = inject(ActivatedRoute);\n  private readonly configService = inject(StorageConfigApiService);\n  private readonly translateService = inject(TranslateService);\n  private readonly routeParams = toSignal(this.route.paramMap);\n  private initialized = false;\n\n  readonly fileLocationEnum = FileLocationEnum;\n  readonly storageProviderOptions = STORAGE_PROVIDER_OPTIONS;\n\n  readonly existingConfig = signal<IStorageConfig | null>(null);\n  readonly isEditMode = computed(() => !!this.existingConfig());\n  readonly formModel = signal<IStorageConfigFormModel>({\n    ...DEFAULT_FORM_MODEL,\n  });\n\n  readonly configForm = form(this.formModel, (f) => {\n    required(f.name, {\n      message: this.translateService.translate(\n        'storage.validation.config.name.required',\n      ),\n    });\n  });\n\n  readonly selectedProvider = computed(() => this.formModel().storage);\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 configId = params.get('id');\n      if (configId && configId !== 'new') {\n        this.loadConfig(configId);\n      }\n    });\n  }\n\n  async loadConfig(id: string): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await this.configService.findById(id);\n      if (response.success && response.data) {\n        const config = response.data;\n        this.existingConfig.set(config);\n        this.formModel.update((m) => ({\n          ...m,\n          id: config.id,\n          name: config.name,\n          storage: config.storage,\n          isActive: config.isActive ?? true,\n          isDefault: config.isDefault ?? false,\n          ...this.extractProviderConfig(config),\n        }));\n      }\n    } catch {\n      this.navigateTo(['/storage/configs']);\n    } finally {\n      this.isLoading.set(false);\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      const config = this.buildProviderConfig(formValue);\n\n      const response = this.isEditMode()\n        ? await this.configService.update({\n            id: formValue.id,\n            name: formValue.name,\n            storage: formValue.storage,\n            config,\n            isActive: formValue.isActive,\n            isDefault: formValue.isDefault,\n          })\n        : await this.configService.insert({\n            name: formValue.name,\n            storage: formValue.storage,\n            config,\n            isActive: formValue.isActive,\n            isDefault: formValue.isDefault,\n          });\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.navigateTo(['/storage/configs']);\n    } catch {\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onCancel(): void {\n    this.navigateTo(['/storage/configs']);\n  }\n\n  private extractProviderConfig(\n    config: IStorageConfig,\n  ): Partial<IStorageConfigFormModel> {\n    const c = config.config ?? {};\n    switch (config.storage) {\n      case FileLocationEnum.AWS:\n        return {\n          awsRegion: (c['region'] as string) || '',\n          awsBucket: (c['bucket'] as string) || '',\n          awsAccessKeyId: (c['accessKeyId'] as string) || '',\n          awsSecretAccessKey: (c['secretAccessKey'] as string) || '',\n          awsEndpoint: (c['endpoint'] as string) || '',\n        };\n      case FileLocationEnum.AZURE:\n        return {\n          azureAccountName: (c['accountName'] as string) || '',\n          azureAccountKey: (c['accountKey'] as string) || '',\n          azureContainerName: (c['containerName'] as string) || '',\n        };\n      case FileLocationEnum.SFTP:\n        return {\n          sftpHost: (c['host'] as string) || '',\n          sftpPort: ((c['port'] as number) || 22).toString(),\n          sftpUsername: (c['username'] as string) || '',\n          sftpPassword: (c['password'] as string) || '',\n          sftpBasePath: (c['basePath'] as string) || '',\n        };\n      case FileLocationEnum.LOCAL:\n        return { localBasePath: (c['basePath'] as string) || '' };\n      default:\n        return {};\n    }\n  }\n\n  private buildProviderConfig(\n    formValue: IStorageConfigFormModel,\n  ): Record<string, unknown> {\n    switch (formValue.storage) {\n      case FileLocationEnum.AWS:\n        return {\n          region: formValue.awsRegion,\n          bucket: formValue.awsBucket,\n          accessKeyId: formValue.awsAccessKeyId,\n          secretAccessKey: formValue.awsSecretAccessKey,\n          ...(formValue.awsEndpoint && { endpoint: formValue.awsEndpoint }),\n        };\n      case FileLocationEnum.AZURE:\n        return {\n          accountName: formValue.azureAccountName,\n          accountKey: formValue.azureAccountKey,\n          containerName: formValue.azureContainerName,\n        };\n      case FileLocationEnum.SFTP:\n        return {\n          host: formValue.sftpHost,\n          port: formValue.sftpPort ? parseInt(formValue.sftpPort, 10) : 22,\n          username: formValue.sftpUsername,\n          password: formValue.sftpPassword,\n          basePath: formValue.sftpBasePath,\n        };\n      case FileLocationEnum.LOCAL:\n        return { basePath: formValue.localBasePath };\n      default:\n        return {};\n    }\n  }\n}\n"],"names":["i2"],"mappings":"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"}