@flusys/ng-storage 4.1.0 → 5.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-storage-config-form.component-CMeTif8p.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 { TranslateService } from '@flusys/ng-localization';\nimport { AngularModule, PrimeModule, TranslatePipe } 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';\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, PrimeModule, 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              pInputText\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            <select\n              id=\"storage\"\n              class=\"p-select-native w-full\"\n              [formField]=\"configForm.storage\"\n            >\n              @for (provider of storageProviderOptions; track provider.value) {\n                <option [value]=\"provider.value\">\n                  {{ provider.labelKey | translate }}\n                </option>\n              }\n            </select>\n          </div>\n\n          <div class=\"field flex items-center gap-2\">\n            <p-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            <p-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                pInputText\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                pInputText\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                pInputText\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                pInputText\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                pInputText\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                pInputText\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                pInputText\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                pInputText\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                pInputText\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                pInputText\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                pInputText\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                pInputText\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                pInputText\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                pInputText\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          <p-button\n            [label]=\"'shared.cancel' | translate\"\n            severity=\"secondary\"\n            [outlined]=\"true\"\n            (onClick)=\"onCancel()\"\n          />\n          <p-button\n            type=\"submit\"\n            [label]=\"\n              (isEditMode() ? 'shared.update' : 'shared.create') | translate\n            \"\n            [loading]=\"isLoading()\"\n            [disabled]=\"!isFormValid() || isLoading()\"\n          />\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":";;;;;;;;;;;;;AAkCA,MAAM,kBAAkB,GAA4B;AAClD,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,IAAI,EAAE,EAAE;IACR,OAAO,EAAE,gBAAgB,CAAC,GAAG;AAC7B,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,SAAS,EAAE,EAAE;AACb,IAAA,SAAS,EAAE,EAAE;AACb,IAAA,cAAc,EAAE,EAAE;AAClB,IAAA,kBAAkB,EAAE,EAAE;AACtB,IAAA,WAAW,EAAE,EAAE;AACf,IAAA,gBAAgB,EAAE,EAAE;AACpB,IAAA,eAAe,EAAE,EAAE;AACnB,IAAA,kBAAkB,EAAE,EAAE;AACtB,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,aAAa,EAAE,EAAE;CAClB;AAyVK,MAAO,0BAA2B,SAAQ,eAAe,CAAA;AAC5C,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAC9B,IAAA,aAAa,GAAG,MAAM,CAAC,uBAAuB,CAAC;AAC/C,IAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;IAC3C,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IACpD,WAAW,GAAG,KAAK;IAElB,gBAAgB,GAAG,gBAAgB;IACnC,sBAAsB,GAAG,wBAAwB;AAEjD,IAAA,cAAc,GAAG,MAAM,CAAwB,IAAI,0DAAC;AACpD,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,sDAAC;IACpD,SAAS,GAAG,MAAM,CAA0B;AACnD,QAAA,GAAG,kBAAkB;AACtB,KAAA,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;IAEO,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,KAAI;AAC/C,QAAA,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE;YACf,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,SAAS,CACtC,yCAAyC,CAC1C;AACF,SAAA,CAAC;AACJ,IAAA,CAAC,CAAC;AAEO,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,4DAAC;IAC3D,WAAW,GAAG,QAAQ,CAC7B,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,uDAC9C;AAED,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QACP,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE;AACjC,YAAA,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW;gBAAE;AAEjC,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI;YACvB,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;AACjC,YAAA,IAAI,QAAQ,IAAI,QAAQ,KAAK,KAAK,EAAE;AAClC,gBAAA,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;YAC3B;AACF,QAAA,CAAC,CAAC;IACJ;IAEA,MAAM,UAAU,CAAC,EAAU,EAAA;AACzB,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;AACxB,QAAA,IAAI;YACF,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC;YACtD,IAAI,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,EAAE;AACrC,gBAAA,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI;AAC5B,gBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC;gBAC/B,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;AAC5B,oBAAA,GAAG,CAAC;oBACJ,EAAE,EAAE,MAAM,CAAC,EAAE;oBACb,IAAI,EAAE,MAAM,CAAC,IAAI;oBACjB,OAAO,EAAE,MAAM,CAAC,OAAO;AACvB,oBAAA,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,IAAI;AACjC,oBAAA,SAAS,EAAE,MAAM,CAAC,SAAS,IAAI,KAAK;AACpC,oBAAA,GAAG,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC;AACtC,iBAAA,CAAC,CAAC;YACL;QACF;AAAE,QAAA,MAAM;AACN,YAAA,IAAI,CAAC,UAAU,CAAC,CAAC,kBAAkB,CAAC,CAAC;QACvC;gBAAU;AACR,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;QAC3B;IACF;AAEA,IAAA,MAAM,QAAQ,GAAA;AACZ,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YAAE;AAEzB,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;AACxB,QAAA,IAAI;AACF,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE;YAClC,MAAM,MAAM,GAAG,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC;AAElD,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU;AAC9B,kBAAE,MAAM,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;oBAC9B,EAAE,EAAE,SAAS,CAAC,EAAE;oBAChB,IAAI,EAAE,SAAS,CAAC,IAAI;oBACpB,OAAO,EAAE,SAAS,CAAC,OAAO;oBAC1B,MAAM;oBACN,QAAQ,EAAE,SAAS,CAAC,QAAQ;oBAC5B,SAAS,EAAE,SAAS,CAAC,SAAS;iBAC/B;AACH,kBAAE,MAAM,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;oBAC9B,IAAI,EAAE,SAAS,CAAC,IAAI;oBACpB,OAAO,EAAE,SAAS,CAAC,OAAO;oBAC1B,MAAM;oBACN,QAAQ,EAAE,SAAS,CAAC,QAAQ;oBAC5B,SAAS,EAAE,SAAS,CAAC,SAAS;AAC/B,iBAAA,CAAC;AAEN,YAAA,IAAI,CAAC,WAAW,CACd,QAAQ,CAAC;AACP,kBAAE,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAC7B,QAAQ,CAAC,UAAU,EACnB,QAAQ,CAAC,gBAAmD;mBAE7D,QAAQ,CAAC,OAAO,IAAI,EAAE,CAAC,CAC7B;AACD,YAAA,IAAI,CAAC,UAAU,CAAC,CAAC,kBAAkB,CAAC,CAAC;QACvC;AAAE,QAAA,MAAM;QACR;gBAAU;AACR,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;QAC3B;IACF;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,UAAU,CAAC,CAAC,kBAAkB,CAAC,CAAC;IACvC;AAEQ,IAAA,qBAAqB,CAC3B,MAAsB,EAAA;AAEtB,QAAA,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,IAAI,EAAE;AAC7B,QAAA,QAAQ,MAAM,CAAC,OAAO;YACpB,KAAK,gBAAgB,CAAC,GAAG;gBACvB,OAAO;AACL,oBAAA,SAAS,EAAG,CAAC,CAAC,QAAQ,CAAY,IAAI,EAAE;AACxC,oBAAA,SAAS,EAAG,CAAC,CAAC,QAAQ,CAAY,IAAI,EAAE;AACxC,oBAAA,cAAc,EAAG,CAAC,CAAC,aAAa,CAAY,IAAI,EAAE;AAClD,oBAAA,kBAAkB,EAAG,CAAC,CAAC,iBAAiB,CAAY,IAAI,EAAE;AAC1D,oBAAA,WAAW,EAAG,CAAC,CAAC,UAAU,CAAY,IAAI,EAAE;iBAC7C;YACH,KAAK,gBAAgB,CAAC,KAAK;gBACzB,OAAO;AACL,oBAAA,gBAAgB,EAAG,CAAC,CAAC,aAAa,CAAY,IAAI,EAAE;AACpD,oBAAA,eAAe,EAAG,CAAC,CAAC,YAAY,CAAY,IAAI,EAAE;AAClD,oBAAA,kBAAkB,EAAG,CAAC,CAAC,eAAe,CAAY,IAAI,EAAE;iBACzD;YACH,KAAK,gBAAgB,CAAC,IAAI;gBACxB,OAAO;AACL,oBAAA,QAAQ,EAAG,CAAC,CAAC,MAAM,CAAY,IAAI,EAAE;oBACrC,QAAQ,EAAE,CAAE,CAAC,CAAC,MAAM,CAAY,IAAI,EAAE,EAAE,QAAQ,EAAE;AAClD,oBAAA,YAAY,EAAG,CAAC,CAAC,UAAU,CAAY,IAAI,EAAE;AAC7C,oBAAA,YAAY,EAAG,CAAC,CAAC,UAAU,CAAY,IAAI,EAAE;AAC7C,oBAAA,YAAY,EAAG,CAAC,CAAC,UAAU,CAAY,IAAI,EAAE;iBAC9C;YACH,KAAK,gBAAgB,CAAC,KAAK;gBACzB,OAAO,EAAE,aAAa,EAAG,CAAC,CAAC,UAAU,CAAY,IAAI,EAAE,EAAE;AAC3D,YAAA;AACE,gBAAA,OAAO,EAAE;;IAEf;AAEQ,IAAA,mBAAmB,CACzB,SAAkC,EAAA;AAElC,QAAA,QAAQ,SAAS,CAAC,OAAO;YACvB,KAAK,gBAAgB,CAAC,GAAG;gBACvB,OAAO;oBACL,MAAM,EAAE,SAAS,CAAC,SAAS;oBAC3B,MAAM,EAAE,SAAS,CAAC,SAAS;oBAC3B,WAAW,EAAE,SAAS,CAAC,cAAc;oBACrC,eAAe,EAAE,SAAS,CAAC,kBAAkB;AAC7C,oBAAA,IAAI,SAAS,CAAC,WAAW,IAAI,EAAE,QAAQ,EAAE,SAAS,CAAC,WAAW,EAAE,CAAC;iBAClE;YACH,KAAK,gBAAgB,CAAC,KAAK;gBACzB,OAAO;oBACL,WAAW,EAAE,SAAS,CAAC,gBAAgB;oBACvC,UAAU,EAAE,SAAS,CAAC,eAAe;oBACrC,aAAa,EAAE,SAAS,CAAC,kBAAkB;iBAC5C;YACH,KAAK,gBAAgB,CAAC,IAAI;gBACxB,OAAO;oBACL,IAAI,EAAE,SAAS,CAAC,QAAQ;AACxB,oBAAA,IAAI,EAAE,SAAS,CAAC,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,EAAE;oBAChE,QAAQ,EAAE,SAAS,CAAC,YAAY;oBAChC,QAAQ,EAAE,SAAS,CAAC,YAAY;oBAChC,QAAQ,EAAE,SAAS,CAAC,YAAY;iBACjC;YACH,KAAK,gBAAgB,CAAC,KAAK;AACzB,gBAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC,aAAa,EAAE;AAC9C,YAAA;AACE,gBAAA,OAAO,EAAE;;IAEf;uGAhLW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EApV3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkVT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAnVS,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,sGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,yEAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,eAAA,EAAA,WAAA,EAAA,WAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,iDAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,MAAA,EAAA,gBAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,SAAS,0EAAE,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAqVnD,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAvVtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;oBACnC,OAAO,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,CAAC;AAC/D,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkVT,EAAA,CAAA;AACF,iBAAA;;;;;"}

package/fesm2022/{flusys-ng-storage-storage-config-list.component-DBH_qf9o.mjs → flusys-ng-storage-storage-config-list.component-C7OYYyrQ.mjs}

@@ -2,7 +2,6 @@ import * as i0 from '@angular/core';
 import { inject, Component } from '@angular/core';
 import { TranslateService } from '@flusys/ng-localization';
 import { STORAGE_CONFIG_PERMISSIONS, AngularModule, PrimeModule, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
-import { firstValueFrom } from 'rxjs';
 import { BaseStorageListPage, StorageConfigApiService, getProviderIcon, getProviderLabelKey, getProviderSeverity } from './flusys-ng-storage.mjs';
 import * as i1 from 'primeng/button';
 import * as i2 from 'primeng/table';
@@ -21,12 +20,16 @@ class StorageConfigListComponent extends BaseStorageListPage {
         return '/storage/configs';
     }
     getDeleteConfirmMessage(config) {
-        return this.translateService.translate('storage.delete.confirm.named', { name: config.name });
+        return this.translateService.translate('shared.confirm.delete.item', {
+            name: config.name,
+        });
     }
     async loadData() {
         this.isLoading.set(true);
         try {
-            const response = await firstValueFrom(this.configService.getAll('', { pagination: this.getPaginationParams() }));
+            const response = await this.configService.getAll({
+                pagination: this.getPaginationParams(),
+            });
             if (response.success) {
                 this.items.set(response.data ?? []);
                 this.total.set(response.meta?.total ?? 0);
@@ -40,23 +43,33 @@ class StorageConfigListComponent extends BaseStorageListPage {
         }
     }
     onDeleteConfig(config) {
-        this.onDeleteAsync(config, (c) => c.id, (id) => this.configService.deleteAsync({ id, type: 'delete' }), {
+        this.onDeleteAsync(config, (c) => c.id, (id) => this.configService.delete({ id, type: 'delete' }), {
             header: this.translateService.translate('storage.config.delete.title'),
-            successMessage: this.translateService.translate('storage.config.delete.success'),
-            errorMessage: this.translateService.translate('storage.config.delete.failed'),
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: StorageConfigListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: StorageConfigListComponent, isStandalone: true, selector: "lib-storage-config-list", usesInheritance: true, ngImport: i0, template: `
     <div class="card">
-      <div class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-4">
+      <div
+        class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-4"
+      >
         <div>
-          <h3 class="text-lg sm:text-xl font-semibold">{{ 'storage.config.title' | translate }}</h3>
+          <h3 class="text-lg sm:text-xl font-semibold">
+            {{ 'storage.config.title' | translate }}
+          </h3>
           @if (showCompanyInfo()) {
-            <p class="text-sm text-muted-color mt-1">{{ 'storage.company' | translate }}: {{ currentCompanyName() }}</p>
+            <p class="text-sm text-muted-color mt-1">
+              {{ 'shared.company' | translate }}: {{ currentCompanyName() }}
+            </p>
           }
         </div>
-        <p-button *hasPermission="STORAGE_CONFIG_PERMISSIONS.CREATE" [label]="'storage.button.new.configuration' | translate" icon="pi pi-plus" (onClick)="onCreate()" styleClass="w-full sm:w-auto" />
+        <p-button
+          *hasPermission="STORAGE_CONFIG_PERMISSIONS.CREATE"
+          [label]="'storage.button.new.configuration' | translate"
+          icon="pi pi-plus"
+          (onClick)="onCreate()"
+          styleClass="w-full sm:w-auto"
+        />
       </div>
 
       <div class="overflow-x-auto">
@@ -74,10 +87,14 @@ class StorageConfigListComponent extends BaseStorageListPage {
         >
           <ng-template #header>
             <tr>
-              <th>{{ 'storage.table.name' | translate }}</th>
+              <th>{{ 'shared.name' | translate }}</th>
               <th>{{ 'storage.table.provider' | translate }}</th>
-              <th class="hidden sm:table-cell">{{ 'storage.table.created' | translate }}</th>
-              <th class="w-[120px]">{{ 'storage.table.actions' | translate }}</th>
+              <th class="hidden sm:table-cell">
+                {{ 'storage.table.created' | translate }}
+              </th>
+              <th class="w-[120px]">
+                {{ 'shared.actions' | translate }}
+              </th>
             </tr>
           </ng-template>
           <ng-template #body let-config>
@@ -85,17 +102,42 @@ class StorageConfigListComponent extends BaseStorageListPage {
               <td>
                 <div class="flex items-center gap-2">
                   <i [class]="getProviderIcon(config.storage)"></i>
-                  <span class="truncate max-w-32 sm:max-w-none">{{ config.name }}</span>
+                  <span class="truncate max-w-32 sm:max-w-none">{{
+                    config.name
+                  }}</span>
                 </div>
               </td>
               <td>
-                <p-tag [value]="getProviderLabelKey(config.storage) | translate" [severity]="getProviderSeverity(config.storage)" />
+                <p-tag
+                  [value]="getProviderLabelKey(config.storage) | translate"
+                  [severity]="getProviderSeverity(config.storage)"
+                />
+              </td>
+              <td class="hidden sm:table-cell">
+                {{ config.createdAt | date: 'short' }}
               </td>
-              <td class="hidden sm:table-cell">{{ config.createdAt | date: 'short' }}</td>
               <td>
                 <div class="flex gap-1">
-                  <p-button *hasPermission="STORAGE_CONFIG_PERMISSIONS.UPDATE" icon="pi pi-pencil" [text]="true" severity="secondary" size="small" (onClick)="onEdit(config.id)" [pTooltip]="'storage.tooltip.edit' | translate" tooltipPosition="top" />
-                  <p-button *hasPermission="STORAGE_CONFIG_PERMISSIONS.DELETE" icon="pi pi-trash" [text]="true" severity="danger" size="small" (onClick)="onDeleteConfig(config)" [pTooltip]="'storage.tooltip.delete' | translate" tooltipPosition="top" />
+                  <p-button
+                    *hasPermission="STORAGE_CONFIG_PERMISSIONS.UPDATE"
+                    icon="pi pi-pencil"
+                    [text]="true"
+                    severity="secondary"
+                    size="small"
+                    (onClick)="onEdit(config.id)"
+                    [pTooltip]="'shared.edit' | translate"
+                    tooltipPosition="top"
+                  />
+                  <p-button
+                    *hasPermission="STORAGE_CONFIG_PERMISSIONS.DELETE"
+                    icon="pi pi-trash"
+                    [text]="true"
+                    severity="danger"
+                    size="small"
+                    (onClick)="onDeleteConfig(config)"
+                    [pTooltip]="'shared.delete' | translate"
+                    tooltipPosition="top"
+                  />
                 </div>
               </td>
             </tr>
@@ -103,7 +145,12 @@ class StorageConfigListComponent extends BaseStorageListPage {
           <ng-template #emptymessage>
             <tr>
               <td colspan="4" class="text-center py-4 text-muted-color">
-                {{ (showCompanyInfo() ? 'storage.empty.configs.in.company' : 'storage.empty.configs') | translate }}
+                {{
+                  (showCompanyInfo()
+                    ? 'storage.empty.configs.in.company'
+                    : 'storage.empty.configs'
+                  ) | translate
+                }}
               </td>
             </tr>
           </ng-template>
@@ -119,14 +166,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     imports: [AngularModule, PrimeModule, HasPermissionDirective, TranslatePipe],
                     template: `
     <div class="card">
-      <div class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-4">
+      <div
+        class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-4"
+      >
         <div>
-          <h3 class="text-lg sm:text-xl font-semibold">{{ 'storage.config.title' | translate }}</h3>
+          <h3 class="text-lg sm:text-xl font-semibold">
+            {{ 'storage.config.title' | translate }}
+          </h3>
           @if (showCompanyInfo()) {
-            <p class="text-sm text-muted-color mt-1">{{ 'storage.company' | translate }}: {{ currentCompanyName() }}</p>
+            <p class="text-sm text-muted-color mt-1">
+              {{ 'shared.company' | translate }}: {{ currentCompanyName() }}
+            </p>
           }
         </div>
-        <p-button *hasPermission="STORAGE_CONFIG_PERMISSIONS.CREATE" [label]="'storage.button.new.configuration' | translate" icon="pi pi-plus" (onClick)="onCreate()" styleClass="w-full sm:w-auto" />
+        <p-button
+          *hasPermission="STORAGE_CONFIG_PERMISSIONS.CREATE"
+          [label]="'storage.button.new.configuration' | translate"
+          icon="pi pi-plus"
+          (onClick)="onCreate()"
+          styleClass="w-full sm:w-auto"
+        />
       </div>
 
       <div class="overflow-x-auto">
@@ -144,10 +203,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         >
           <ng-template #header>
             <tr>
-              <th>{{ 'storage.table.name' | translate }}</th>
+              <th>{{ 'shared.name' | translate }}</th>
               <th>{{ 'storage.table.provider' | translate }}</th>
-              <th class="hidden sm:table-cell">{{ 'storage.table.created' | translate }}</th>
-              <th class="w-[120px]">{{ 'storage.table.actions' | translate }}</th>
+              <th class="hidden sm:table-cell">
+                {{ 'storage.table.created' | translate }}
+              </th>
+              <th class="w-[120px]">
+                {{ 'shared.actions' | translate }}
+              </th>
             </tr>
           </ng-template>
           <ng-template #body let-config>
@@ -155,17 +218,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               <td>
                 <div class="flex items-center gap-2">
                   <i [class]="getProviderIcon(config.storage)"></i>
-                  <span class="truncate max-w-32 sm:max-w-none">{{ config.name }}</span>
+                  <span class="truncate max-w-32 sm:max-w-none">{{
+                    config.name
+                  }}</span>
                 </div>
               </td>
               <td>
-                <p-tag [value]="getProviderLabelKey(config.storage) | translate" [severity]="getProviderSeverity(config.storage)" />
+                <p-tag
+                  [value]="getProviderLabelKey(config.storage) | translate"
+                  [severity]="getProviderSeverity(config.storage)"
+                />
+              </td>
+              <td class="hidden sm:table-cell">
+                {{ config.createdAt | date: 'short' }}
               </td>
-              <td class="hidden sm:table-cell">{{ config.createdAt | date: 'short' }}</td>
               <td>
                 <div class="flex gap-1">
-                  <p-button *hasPermission="STORAGE_CONFIG_PERMISSIONS.UPDATE" icon="pi pi-pencil" [text]="true" severity="secondary" size="small" (onClick)="onEdit(config.id)" [pTooltip]="'storage.tooltip.edit' | translate" tooltipPosition="top" />
-                  <p-button *hasPermission="STORAGE_CONFIG_PERMISSIONS.DELETE" icon="pi pi-trash" [text]="true" severity="danger" size="small" (onClick)="onDeleteConfig(config)" [pTooltip]="'storage.tooltip.delete' | translate" tooltipPosition="top" />
+                  <p-button
+                    *hasPermission="STORAGE_CONFIG_PERMISSIONS.UPDATE"
+                    icon="pi pi-pencil"
+                    [text]="true"
+                    severity="secondary"
+                    size="small"
+                    (onClick)="onEdit(config.id)"
+                    [pTooltip]="'shared.edit' | translate"
+                    tooltipPosition="top"
+                  />
+                  <p-button
+                    *hasPermission="STORAGE_CONFIG_PERMISSIONS.DELETE"
+                    icon="pi pi-trash"
+                    [text]="true"
+                    severity="danger"
+                    size="small"
+                    (onClick)="onDeleteConfig(config)"
+                    [pTooltip]="'shared.delete' | translate"
+                    tooltipPosition="top"
+                  />
                 </div>
               </td>
             </tr>
@@ -173,7 +261,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
           <ng-template #emptymessage>
             <tr>
               <td colspan="4" class="text-center py-4 text-muted-color">
-                {{ (showCompanyInfo() ? 'storage.empty.configs.in.company' : 'storage.empty.configs') | translate }}
+                {{
+                  (showCompanyInfo()
+                    ? 'storage.empty.configs.in.company'
+                    : 'storage.empty.configs'
+                  ) | translate
+                }}
               </td>
             </tr>
           </ng-template>
@@ -185,4 +278,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         }] });
 
 export { StorageConfigListComponent };
-//# sourceMappingURL=flusys-ng-storage-storage-config-list.component-DBH_qf9o.mjs.map
+//# sourceMappingURL=flusys-ng-storage-storage-config-list.component-C7OYYyrQ.mjs.map

package/fesm2022/flusys-ng-storage-storage-config-list.component-C7OYYyrQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-storage-config-list.component-C7OYYyrQ.mjs","sources":["../../../projects/ng-storage/pages/storage-config/storage-config-list.component.ts"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { TranslateService } from '@flusys/ng-localization';\nimport {\n  AngularModule,\n  HasPermissionDirective,\n  PrimeModule,\n  STORAGE_CONFIG_PERMISSIONS,\n  TranslatePipe,\n} from '@flusys/ng-shared';\nimport { IStorageConfig } from '../../interfaces/storage-config.interface';\nimport { StorageConfigApiService } from '../../services/storage-config-api.service';\nimport { BaseStorageListPage } from '../../utils/base-storage-page';\nimport {\n  getProviderIcon,\n  getProviderLabelKey,\n  getProviderSeverity,\n} from '../../utils/storage-utils';\n\n@Component({\n  selector: 'lib-storage-config-list',\n  imports: [AngularModule, PrimeModule, HasPermissionDirective, TranslatePipe],\n  template: `\n    <div class=\"card\">\n      <div\n        class=\"flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-4\"\n      >\n        <div>\n          <h3 class=\"text-lg sm:text-xl font-semibold\">\n            {{ 'storage.config.title' | translate }}\n          </h3>\n          @if (showCompanyInfo()) {\n            <p class=\"text-sm text-muted-color mt-1\">\n              {{ 'shared.company' | translate }}: {{ currentCompanyName() }}\n            </p>\n          }\n        </div>\n        <p-button\n          *hasPermission=\"STORAGE_CONFIG_PERMISSIONS.CREATE\"\n          [label]=\"'storage.button.new.configuration' | translate\"\n          icon=\"pi pi-plus\"\n          (onClick)=\"onCreate()\"\n          styleClass=\"w-full sm:w-auto\"\n        />\n      </div>\n\n      <div class=\"overflow-x-auto\">\n        <p-table\n          [value]=\"items()\"\n          [loading]=\"isLoading()\"\n          [paginator]=\"totalRecords() > 0\"\n          [rows]=\"pageSize()\"\n          [totalRecords]=\"totalRecords()\"\n          [lazy]=\"true\"\n          (onLazyLoad)=\"onPageChange($event)\"\n          [rowsPerPageOptions]=\"[10, 25, 50]\"\n          [scrollable]=\"true\"\n          styleClass=\"p-datatable-sm\"\n        >\n          <ng-template #header>\n            <tr>\n              <th>{{ 'shared.name' | translate }}</th>\n              <th>{{ 'storage.table.provider' | translate }}</th>\n              <th class=\"hidden sm:table-cell\">\n                {{ 'storage.table.created' | translate }}\n              </th>\n              <th class=\"w-[120px]\">\n                {{ 'shared.actions' | translate }}\n              </th>\n            </tr>\n          </ng-template>\n          <ng-template #body let-config>\n            <tr>\n              <td>\n                <div class=\"flex items-center gap-2\">\n                  <i [class]=\"getProviderIcon(config.storage)\"></i>\n                  <span class=\"truncate max-w-32 sm:max-w-none\">{{\n                    config.name\n                  }}</span>\n                </div>\n              </td>\n              <td>\n                <p-tag\n                  [value]=\"getProviderLabelKey(config.storage) | translate\"\n                  [severity]=\"getProviderSeverity(config.storage)\"\n                />\n              </td>\n              <td class=\"hidden sm:table-cell\">\n                {{ config.createdAt | date: 'short' }}\n              </td>\n              <td>\n                <div class=\"flex gap-1\">\n                  <p-button\n                    *hasPermission=\"STORAGE_CONFIG_PERMISSIONS.UPDATE\"\n                    icon=\"pi pi-pencil\"\n                    [text]=\"true\"\n                    severity=\"secondary\"\n                    size=\"small\"\n                    (onClick)=\"onEdit(config.id)\"\n                    [pTooltip]=\"'shared.edit' | translate\"\n                    tooltipPosition=\"top\"\n                  />\n                  <p-button\n                    *hasPermission=\"STORAGE_CONFIG_PERMISSIONS.DELETE\"\n                    icon=\"pi pi-trash\"\n                    [text]=\"true\"\n                    severity=\"danger\"\n                    size=\"small\"\n                    (onClick)=\"onDeleteConfig(config)\"\n                    [pTooltip]=\"'shared.delete' | translate\"\n                    tooltipPosition=\"top\"\n                  />\n                </div>\n              </td>\n            </tr>\n          </ng-template>\n          <ng-template #emptymessage>\n            <tr>\n              <td colspan=\"4\" class=\"text-center py-4 text-muted-color\">\n                {{\n                  (showCompanyInfo()\n                    ? 'storage.empty.configs.in.company'\n                    : 'storage.empty.configs'\n                  ) | translate\n                }}\n              </td>\n            </tr>\n          </ng-template>\n        </p-table>\n      </div>\n    </div>\n  `,\n})\nexport class StorageConfigListComponent extends BaseStorageListPage<IStorageConfig> {\n  readonly STORAGE_CONFIG_PERMISSIONS = STORAGE_CONFIG_PERMISSIONS;\n\n  private readonly configService = inject(StorageConfigApiService);\n  private readonly translateService = inject(TranslateService);\n\n  readonly getProviderIcon = getProviderIcon;\n  readonly getProviderLabelKey = getProviderLabelKey;\n  readonly getProviderSeverity = getProviderSeverity;\n\n  getResourceRoute(): string {\n    return '/storage/configs';\n  }\n\n  override getDeleteConfirmMessage(config: IStorageConfig): string {\n    return this.translateService.translate('shared.confirm.delete.item', {\n      name: config.name,\n    });\n  }\n\n  async loadData(): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await this.configService.getAll({\n        pagination: this.getPaginationParams(),\n      });\n      if (response.success) {\n        this.items.set(response.data ?? []);\n        this.total.set(response.meta?.total ?? 0);\n      }\n    } catch {\n      this.showError(\n        this.translateService.translate('storage.config.load.failed'),\n      );\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onDeleteConfig(config: IStorageConfig): void {\n    this.onDeleteAsync(\n      config,\n      (c) => c.id,\n      (id) => this.configService.delete({ id, type: 'delete' }),\n      {\n        header: this.translateService.translate('storage.config.delete.title'),\n      },\n    );\n  }\n}\n"],"names":[],"mappings":"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"}