@flusys/ng-storage 0.1.0-beta.3 → 1.0.0-rc

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

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-storage-config-form.component-CODLLCtg.mjs","sources":["../../../projects/ng-storage/pages/storage-config/storage-config-form.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, 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 { AngularModule, PrimeModule } from '@flusys/ng-shared';\nimport { StorageConfigApiService } from '../../services/storage-config-api.service';\nimport { ICreateStorageConfigDto, IStorageConfig } from '../../interfaces/storage-config.interface';\nimport { FileLocationEnum } from '../../enums/file-location.enum';\nimport { BaseStoragePage } from '../../utils/base-storage-page';\nimport { STORAGE_PROVIDERS } from '../../utils/storage-utils';\n\n/** Storage config form model interface */\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\n/**\n * Storage Config Form Component\n * Create and edit storage configurations\n */\n@Component({\n  selector: 'lib-storage-config-form',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AngularModule, PrimeModule, FormField],\n  template: `\n    <div class=\"card\">\n      <h3 class=\"text-lg sm:text-xl font-semibold mb-4\">\n        {{ isEditMode() ? 'Edit Storage Configuration' : 'New Storage Configuration' }}\n      </h3>\n      @if (showCompanyInfo()) {\n        <p class=\"text-sm text-muted-color mb-4\">\n          Company: {{ 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 for=\"name\" class=\"block font-medium mb-2 text-sm sm:text-base\">Configuration Name *</label>\n            <input pInputText id=\"name\" [formField]=\"configForm.name\" placeholder=\"e.g., Production AWS S3\" class=\"w-full\" />\n          </div>\n\n          <div class=\"field\">\n            <label for=\"storage\" class=\"block font-medium mb-2 text-sm sm:text-base\">Storage Provider *</label>\n            <select id=\"storage\" class=\"p-select-native w-full\" [formField]=\"configForm.storage\">\n              @for (provider of storageProviders; track provider.value) {\n                <option [value]=\"provider.value\">{{ provider.label }}</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\">Active</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\">Set as Default</label>\n          </div>\n        </div>\n\n        @if (selectedProvider() === fileLocationEnum.AWS) {\n          <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 p-4 bg-surface-ground rounded-lg border border-surface\">\n            <div class=\"md:col-span-2 mb-2\">\n              <span class=\"text-sm font-semibold text-muted-color uppercase tracking-wide\">AWS S3 Configuration</span>\n            </div>\n            <div class=\"field\">\n              <label for=\"awsRegion\" class=\"block font-medium mb-2 text-sm sm:text-base\">AWS Region *</label>\n              <input pInputText id=\"awsRegion\" [formField]=\"configForm.awsRegion\" placeholder=\"us-east-1\" class=\"w-full\" />\n            </div>\n            <div class=\"field\">\n              <label for=\"awsBucket\" class=\"block font-medium mb-2 text-sm sm:text-base\">Bucket Name *</label>\n              <input pInputText id=\"awsBucket\" [formField]=\"configForm.awsBucket\" placeholder=\"my-bucket\" class=\"w-full\" />\n            </div>\n            <div class=\"field\">\n              <label for=\"awsAccessKeyId\" class=\"block font-medium mb-2 text-sm sm:text-base\">Access Key ID *</label>\n              <input pInputText id=\"awsAccessKeyId\" [formField]=\"configForm.awsAccessKeyId\" class=\"w-full\" />\n            </div>\n            <div class=\"field\">\n              <label for=\"awsSecretAccessKey\" class=\"block font-medium mb-2 text-sm sm:text-base\">Secret Access Key *</label>\n              <input type=\"password\" pInputText id=\"awsSecretAccessKey\" [formField]=\"configForm.awsSecretAccessKey\" class=\"w-full\" />\n            </div>\n            <div class=\"field md:col-span-2\">\n              <label for=\"awsEndpoint\" class=\"block font-medium mb-2 text-sm sm:text-base\">Custom Endpoint (Optional)</label>\n              <input pInputText id=\"awsEndpoint\" [formField]=\"configForm.awsEndpoint\" placeholder=\"https://s3.custom-endpoint.com\" class=\"w-full\" />\n            </div>\n          </div>\n        }\n\n        @if (selectedProvider() === fileLocationEnum.AZURE) {\n          <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 p-4 bg-surface-ground rounded-lg border border-surface\">\n            <div class=\"md:col-span-2 mb-2\">\n              <span class=\"text-sm font-semibold text-muted-color uppercase tracking-wide\">Azure Blob Configuration</span>\n            </div>\n            <div class=\"field\">\n              <label for=\"azureAccountName\" class=\"block font-medium mb-2 text-sm sm:text-base\">Account Name *</label>\n              <input pInputText id=\"azureAccountName\" [formField]=\"configForm.azureAccountName\" class=\"w-full\" />\n            </div>\n            <div class=\"field\">\n              <label for=\"azureContainerName\" class=\"block font-medium mb-2 text-sm sm:text-base\">Container Name *</label>\n              <input pInputText id=\"azureContainerName\" [formField]=\"configForm.azureContainerName\" class=\"w-full\" />\n            </div>\n            <div class=\"field md:col-span-2\">\n              <label for=\"azureAccountKey\" class=\"block font-medium mb-2 text-sm sm:text-base\">Account Key *</label>\n              <input type=\"password\" pInputText id=\"azureAccountKey\" [formField]=\"configForm.azureAccountKey\" class=\"w-full\" />\n            </div>\n          </div>\n        }\n\n        @if (selectedProvider() === fileLocationEnum.SFTP) {\n          <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 p-4 bg-surface-ground rounded-lg border border-surface\">\n            <div class=\"md:col-span-2 mb-2\">\n              <span class=\"text-sm font-semibold text-muted-color uppercase tracking-wide\">SFTP Configuration</span>\n            </div>\n            <div class=\"field\">\n              <label for=\"sftpHost\" class=\"block font-medium mb-2 text-sm sm:text-base\">Host *</label>\n              <input pInputText id=\"sftpHost\" [formField]=\"configForm.sftpHost\" placeholder=\"sftp.example.com\" class=\"w-full\" />\n            </div>\n            <div class=\"field\">\n              <label for=\"sftpPort\" class=\"block font-medium mb-2 text-sm sm:text-base\">Port *</label>\n              <input type=\"number\" pInputText id=\"sftpPort\" [formField]=\"configForm.sftpPort\" placeholder=\"22\" class=\"w-full\" />\n            </div>\n            <div class=\"field\">\n              <label for=\"sftpUsername\" class=\"block font-medium mb-2 text-sm sm:text-base\">Username *</label>\n              <input pInputText id=\"sftpUsername\" [formField]=\"configForm.sftpUsername\" class=\"w-full\" />\n            </div>\n            <div class=\"field\">\n              <label for=\"sftpPassword\" class=\"block font-medium mb-2 text-sm sm:text-base\">Password *</label>\n              <input type=\"password\" pInputText id=\"sftpPassword\" [formField]=\"configForm.sftpPassword\" class=\"w-full\" />\n            </div>\n            <div class=\"field md:col-span-2\">\n              <label for=\"sftpBasePath\" class=\"block font-medium mb-2 text-sm sm:text-base\">Base Path *</label>\n              <input pInputText id=\"sftpBasePath\" [formField]=\"configForm.sftpBasePath\" placeholder=\"/uploads\" class=\"w-full\" />\n            </div>\n          </div>\n        }\n\n        @if (selectedProvider() === fileLocationEnum.LOCAL) {\n          <div class=\"grid grid-cols-1 gap-4 mt-4 p-4 bg-surface-ground rounded-lg border border-surface\">\n            <div class=\"mb-2\">\n              <span class=\"text-sm font-semibold text-muted-color uppercase tracking-wide\">Local Storage Configuration</span>\n            </div>\n            <div class=\"field\">\n              <label for=\"localBasePath\" class=\"block font-medium mb-2 text-sm sm:text-base\">Base Path *</label>\n              <input pInputText id=\"localBasePath\" [formField]=\"configForm.localBasePath\" placeholder=\"/var/www/uploads\" class=\"w-full\" />\n            </div>\n          </div>\n        }\n\n        <div class=\"flex justify-end gap-2 mt-4\">\n          <p-button\n            label=\"Cancel\"\n            severity=\"secondary\"\n            [outlined]=\"true\"\n            (onClick)=\"onCancel()\"\n          />\n          <p-button\n            type=\"submit\"\n            [label]=\"isEditMode() ? 'Update' : 'Create'\"\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\n  // Route params as signal\n  private readonly routeParams = toSignal(this.route.paramMap);\n  private initialized = false;\n\n  readonly fileLocationEnum = FileLocationEnum;\n  readonly storageProviders = STORAGE_PROVIDERS;\n\n  readonly existingConfig = signal<IStorageConfig | null>(null);\n  readonly isEditMode = computed(() => !!this.existingConfig());\n\n  /** Form model */\n  readonly formModel = signal<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  /** Form with validation */\n  readonly configForm = form(this.formModel, (f) => {\n    required(f.name, { message: 'Configuration name is required' });\n  });\n\n  readonly selectedProvider = computed(() => this.formModel().storage);\n  readonly isFormValid = computed(() => this.formModel().name.trim().length > 0);\n\n  constructor() {\n    super();\n    // Effect to handle route-based initialization\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.findByIdAsync(id);\n      if (response.success && response.data) {\n        const config = response.data;\n        this.existingConfig.set(config);\n\n        const formData: Partial<IStorageConfigFormModel> = {\n          id: config.id,\n          name: config.name,\n          storage: config.storage,\n          isActive: config.isActive ?? true,\n          isDefault: config.isDefault ?? false,\n        };\n\n        if (config.storage === FileLocationEnum.AWS && config.config) {\n          formData.awsRegion = config.config['region'] || '';\n          formData.awsBucket = config.config['bucket'] || '';\n          formData.awsAccessKeyId = config.config['accessKeyId'] || '';\n          formData.awsSecretAccessKey = config.config['secretAccessKey'] || '';\n          formData.awsEndpoint = config.config['endpoint'] || '';\n        } else if (config.storage === FileLocationEnum.AZURE && config.config) {\n          formData.azureAccountName = config.config['accountName'] || '';\n          formData.azureAccountKey = config.config['accountKey'] || '';\n          formData.azureContainerName = config.config['containerName'] || '';\n        } else if (config.storage === FileLocationEnum.SFTP && config.config) {\n          formData.sftpHost = config.config['host'] || '';\n          formData.sftpPort = (config.config['port'] || 22).toString();\n          formData.sftpUsername = config.config['username'] || '';\n          formData.sftpPassword = config.config['password'] || '';\n          formData.sftpBasePath = config.config['basePath'] || '';\n        } else if (config.storage === FileLocationEnum.LOCAL && config.config) {\n          formData.localBasePath = config.config['basePath'] || '';\n        }\n\n        this.formModel.update((m) => ({ ...m, ...formData }));\n      }\n    } catch {\n      this.showError('Failed to load storage configuration.');\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      if (this.isEditMode()) {\n        await this.configService.updateAsync({\n          id: formValue.id,\n          name: formValue.name,\n          storage: formValue.storage,\n          config,\n          isActive: formValue.isActive,\n          isDefault: formValue.isDefault,\n        });\n        this.showSuccess('Storage configuration updated successfully.');\n      } else {\n        const createDto: ICreateStorageConfigDto = {\n          name: formValue.name,\n          storage: formValue.storage,\n          config,\n          isActive: formValue.isActive,\n          isDefault: formValue.isDefault,\n        };\n        await this.configService.insertAsync(createDto as ICreateStorageConfigDto & { id: string });\n        this.showSuccess('Storage configuration created successfully.');\n      }\n\n      this.navigateTo(['/storage/configs']);\n    } catch {\n      this.showError(`Failed to ${this.isEditMode() ? 'update' : 'create'} storage configuration.`);\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onCancel(): void {\n    this.navigateTo(['/storage/configs']);\n  }\n\n  private buildProviderConfig(formValue: IStorageConfigFormModel): 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;;;AAGG;AAsJG,MAAO,0BAA2B,SAAQ,eAAe,CAAA;AAC5C,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAC9B,IAAA,aAAa,GAAG,MAAM,CAAC,uBAAuB,CAAC;;IAG/C,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IACpD,WAAW,GAAG,KAAK;IAElB,gBAAgB,GAAG,gBAAgB;IACnC,gBAAgB,GAAG,iBAAiB;AAEpC,IAAA,cAAc,GAAG,MAAM,CAAwB,IAAI,0DAAC;AACpD,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,sDAAC;;IAGpD,SAAS,GAAG,MAAM,CAA0B;AACnD,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,IAAI,EAAE,EAAE;QACR,OAAO,EAAE,gBAAgB,CAAC,GAAG;AAC7B,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,cAAc,EAAE,EAAE;AAClB,QAAA,kBAAkB,EAAE,EAAE;AACtB,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,gBAAgB,EAAE,EAAE;AACpB,QAAA,eAAe,EAAE,EAAE;AACnB,QAAA,kBAAkB,EAAE,EAAE;AACtB,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,YAAY,EAAE,EAAE;AAChB,QAAA,YAAY,EAAE,EAAE;AAChB,QAAA,YAAY,EAAE,EAAE;AAChB,QAAA,aAAa,EAAE,EAAE;AAClB,KAAA,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;;IAGO,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,KAAI;QAC/C,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,gCAAgC,EAAE,CAAC;AACjE,IAAA,CAAC,CAAC;AAEO,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,4DAAC;IAC3D,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,uDAAC;AAE9E,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;;QAEP,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,aAAa,CAAC,EAAE,CAAC;YAC3D,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;AAE/B,gBAAA,MAAM,QAAQ,GAAqC;oBACjD,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;iBACrC;AAED,gBAAA,IAAI,MAAM,CAAC,OAAO,KAAK,gBAAgB,CAAC,GAAG,IAAI,MAAM,CAAC,MAAM,EAAE;oBAC5D,QAAQ,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE;oBAClD,QAAQ,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE;oBAClD,QAAQ,CAAC,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE;oBAC5D,QAAQ,CAAC,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,IAAI,EAAE;oBACpE,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE;gBACxD;AAAO,qBAAA,IAAI,MAAM,CAAC,OAAO,KAAK,gBAAgB,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE;oBACrE,QAAQ,CAAC,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE;oBAC9D,QAAQ,CAAC,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE;oBAC5D,QAAQ,CAAC,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,EAAE;gBACpE;AAAO,qBAAA,IAAI,MAAM,CAAC,OAAO,KAAK,gBAAgB,CAAC,IAAI,IAAI,MAAM,CAAC,MAAM,EAAE;oBACpE,QAAQ,CAAC,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;AAC/C,oBAAA,QAAQ,CAAC,QAAQ,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE;oBAC5D,QAAQ,CAAC,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE;oBACvD,QAAQ,CAAC,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE;oBACvD,QAAQ,CAAC,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE;gBACzD;AAAO,qBAAA,IAAI,MAAM,CAAC,OAAO,KAAK,gBAAgB,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE;oBACrE,QAAQ,CAAC,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE;gBAC1D;gBAEA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAC;YACvD;QACF;AAAE,QAAA,MAAM;AACN,YAAA,IAAI,CAAC,SAAS,CAAC,uCAAuC,CAAC;AACvD,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,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;AACrB,gBAAA,MAAM,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;oBACnC,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;AAC/B,iBAAA,CAAC;AACF,gBAAA,IAAI,CAAC,WAAW,CAAC,6CAA6C,CAAC;YACjE;iBAAO;AACL,gBAAA,MAAM,SAAS,GAA4B;oBACzC,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;gBACD,MAAM,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,SAAqD,CAAC;AAC3F,gBAAA,IAAI,CAAC,WAAW,CAAC,6CAA6C,CAAC;YACjE;AAEA,YAAA,IAAI,CAAC,UAAU,CAAC,CAAC,kBAAkB,CAAC,CAAC;QACvC;AAAE,QAAA,MAAM;AACN,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,IAAI,CAAC,UAAU,EAAE,GAAG,QAAQ,GAAG,QAAQ,CAAA,uBAAA,CAAyB,CAAC;QAC/F;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,mBAAmB,CAAC,SAAkC,EAAA;AAC5D,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;uGAjLW,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,EAhJ3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8IT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EA/IS,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,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAiJpC,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBArJtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,CAAC;AAChD,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8IT,EAAA,CAAA;AACF,iBAAA;;;;;"}

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

@@ -0,0 +1,213 @@
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import { STORAGE_CONFIG_PERMISSIONS, AngularModule, PrimeModule, HasPermissionDirective } from '@flusys/ng-shared';
+import { firstValueFrom } from 'rxjs';
+import { BaseStorageListPage, StorageConfigApiService, getProviderIcon, getProviderLabel, getProviderSeverity } from './flusys-ng-storage.mjs';
+import * as i1 from 'primeng/button';
+import * as i2 from 'primeng/table';
+import * as i3 from 'primeng/tag';
+import * as i4 from 'primeng/tooltip';
+import * as i5 from '@angular/common';
+
+/**
+ * Storage Config List Component
+ * Displays all storage configurations with company filter (if enabled)
+ */
+class StorageConfigListComponent extends BaseStorageListPage {
+    // Permission constants for template
+    STORAGE_CONFIG_PERMISSIONS = STORAGE_CONFIG_PERMISSIONS;
+    configService = inject(StorageConfigApiService);
+    /** Configs list alias for template compatibility */
+    configs = this.items;
+    /** Utility functions exposed to template */
+    getProviderIcon = (storage) => getProviderIcon(storage);
+    getProviderLabel = (storage) => getProviderLabel(storage);
+    getProviderSeverity = (storage) => getProviderSeverity(storage);
+    getResourceRoute() {
+        return '/storage/configs';
+    }
+    getDeleteConfirmMessage(config) {
+        return `Are you sure you want to delete "${config.name}"?`;
+    }
+    async loadData() {
+        this.isLoading.set(true);
+        try {
+            const response = await firstValueFrom(this.configService.getAll('', {
+                pagination: this.getPaginationParams(),
+                filter: {},
+                select: [],
+                sort: {},
+            }));
+            if (response.success) {
+                this.items.set(response.data ?? []);
+                this.total.set(response.meta?.total ?? 0);
+            }
+        }
+        catch {
+            this.showError('Failed to load storage configurations.');
+        }
+        finally {
+            this.isLoading.set(false);
+        }
+    }
+    onDeleteConfig(config) {
+        this.onDeleteAsync(config, (c) => c.id, (id) => this.configService.deleteAsync({ id, type: 'delete' }), {
+            header: 'Delete Configuration',
+            successMessage: 'Storage configuration deleted successfully.',
+            errorMessage: 'Failed to delete storage configuration.',
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: StorageConfigListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", 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>
+          <h3 class="text-lg sm:text-xl font-semibold">Storage Configurations</h3>
+          @if (showCompanyInfo()) {
+            <p class="text-sm text-muted-color mt-1">
+              Company: {{ currentCompanyName() }}
+            </p>
+          }
+        </div>
+        <p-button *hasPermission="STORAGE_CONFIG_PERMISSIONS.CREATE" label="New Configuration" icon="pi pi-plus" (onClick)="onCreate()" styleClass="w-full sm:w-auto" />
+      </div>
+
+      <div class="overflow-x-auto">
+        <p-table
+          [value]="configs()"
+          [loading]="isLoading()"
+          [paginator]="totalRecords() > 0"
+          [rows]="pageSize()"
+          [totalRecords]="totalRecords()"
+          [lazy]="true"
+          (onLazyLoad)="onPageChange($event)"
+          [rowsPerPageOptions]="[10, 25, 50]"
+          [scrollable]="true"
+          styleClass="p-datatable-sm"
+        >
+          <ng-template #header>
+            <tr>
+              <th>Name</th>
+              <th>Provider</th>
+              <th class="hidden sm:table-cell">Created</th>
+              <th class="w-[120px]">Actions</th>
+            </tr>
+          </ng-template>
+          <ng-template #body let-config>
+            <tr>
+              <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>
+                </div>
+              </td>
+              <td>
+                <p-tag [value]="getProviderLabel(config.storage)" [severity]="getProviderSeverity(config.storage)" />
+              </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="Edit" tooltipPosition="top" />
+                  <p-button *hasPermission="STORAGE_CONFIG_PERMISSIONS.DELETE" icon="pi pi-trash" [text]="true" severity="danger" size="small" (onClick)="onDeleteConfig(config)" pTooltip="Delete" tooltipPosition="top" />
+                </div>
+              </td>
+            </tr>
+          </ng-template>
+          <ng-template #emptymessage>
+            <tr>
+              <td colspan="4" class="text-center py-4 text-muted-color">
+                @if (showCompanyInfo()) {
+                  No storage configurations found in current company
+                } @else {
+                  No storage configurations found
+                }
+              </td>
+            </tr>
+          </ng-template>
+        </p-table>
+      </div>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: i3.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: i5.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: StorageConfigListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-storage-config-list',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AngularModule, PrimeModule, HasPermissionDirective],
+                    template: `
+    <div class="card">
+      <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 Configurations</h3>
+          @if (showCompanyInfo()) {
+            <p class="text-sm text-muted-color mt-1">
+              Company: {{ currentCompanyName() }}
+            </p>
+          }
+        </div>
+        <p-button *hasPermission="STORAGE_CONFIG_PERMISSIONS.CREATE" label="New Configuration" icon="pi pi-plus" (onClick)="onCreate()" styleClass="w-full sm:w-auto" />
+      </div>
+
+      <div class="overflow-x-auto">
+        <p-table
+          [value]="configs()"
+          [loading]="isLoading()"
+          [paginator]="totalRecords() > 0"
+          [rows]="pageSize()"
+          [totalRecords]="totalRecords()"
+          [lazy]="true"
+          (onLazyLoad)="onPageChange($event)"
+          [rowsPerPageOptions]="[10, 25, 50]"
+          [scrollable]="true"
+          styleClass="p-datatable-sm"
+        >
+          <ng-template #header>
+            <tr>
+              <th>Name</th>
+              <th>Provider</th>
+              <th class="hidden sm:table-cell">Created</th>
+              <th class="w-[120px]">Actions</th>
+            </tr>
+          </ng-template>
+          <ng-template #body let-config>
+            <tr>
+              <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>
+                </div>
+              </td>
+              <td>
+                <p-tag [value]="getProviderLabel(config.storage)" [severity]="getProviderSeverity(config.storage)" />
+              </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="Edit" tooltipPosition="top" />
+                  <p-button *hasPermission="STORAGE_CONFIG_PERMISSIONS.DELETE" icon="pi pi-trash" [text]="true" severity="danger" size="small" (onClick)="onDeleteConfig(config)" pTooltip="Delete" tooltipPosition="top" />
+                </div>
+              </td>
+            </tr>
+          </ng-template>
+          <ng-template #emptymessage>
+            <tr>
+              <td colspan="4" class="text-center py-4 text-muted-color">
+                @if (showCompanyInfo()) {
+                  No storage configurations found in current company
+                } @else {
+                  No storage configurations found
+                }
+              </td>
+            </tr>
+          </ng-template>
+        </p-table>
+      </div>
+    </div>
+  `,
+                }]
+        }] });
+
+export { StorageConfigListComponent };
+//# sourceMappingURL=flusys-ng-storage-storage-config-list.component-BbBx0iSL.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-storage-config-list.component-BbBx0iSL.mjs","sources":["../../../projects/ng-storage/pages/storage-config/storage-config-list.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { AngularModule, HasPermissionDirective, PrimeModule, STORAGE_CONFIG_PERMISSIONS } from '@flusys/ng-shared';\nimport { firstValueFrom } from 'rxjs';\nimport { FileLocationEnum } from '../../enums/file-location.enum';\nimport { IStorageConfig } from '../../interfaces/storage-config.interface';\nimport { StorageConfigApiService } from '../../services/storage-config-api.service';\nimport { BaseStorageListPage } from '../../utils/base-storage-page';\nimport { getProviderIcon, getProviderLabel, getProviderSeverity } from '../../utils/storage-utils';\n\n/**\n * Storage Config List Component\n * Displays all storage configurations with company filter (if enabled)\n */\n@Component({\n  selector: 'lib-storage-config-list',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AngularModule, PrimeModule, HasPermissionDirective],\n  template: `\n    <div class=\"card\">\n      <div class=\"flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-4\">\n        <div>\n          <h3 class=\"text-lg sm:text-xl font-semibold\">Storage Configurations</h3>\n          @if (showCompanyInfo()) {\n            <p class=\"text-sm text-muted-color mt-1\">\n              Company: {{ currentCompanyName() }}\n            </p>\n          }\n        </div>\n        <p-button *hasPermission=\"STORAGE_CONFIG_PERMISSIONS.CREATE\" label=\"New Configuration\" icon=\"pi pi-plus\" (onClick)=\"onCreate()\" styleClass=\"w-full sm:w-auto\" />\n      </div>\n\n      <div class=\"overflow-x-auto\">\n        <p-table\n          [value]=\"configs()\"\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>Name</th>\n              <th>Provider</th>\n              <th class=\"hidden sm:table-cell\">Created</th>\n              <th class=\"w-[120px]\">Actions</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\">{{ config.name }}</span>\n                </div>\n              </td>\n              <td>\n                <p-tag [value]=\"getProviderLabel(config.storage)\" [severity]=\"getProviderSeverity(config.storage)\" />\n              </td>\n              <td class=\"hidden sm:table-cell\">{{ config.createdAt | date: 'short' }}</td>\n              <td>\n                <div class=\"flex gap-1\">\n                  <p-button *hasPermission=\"STORAGE_CONFIG_PERMISSIONS.UPDATE\" icon=\"pi pi-pencil\" [text]=\"true\" severity=\"secondary\" size=\"small\" (onClick)=\"onEdit(config.id)\" pTooltip=\"Edit\" tooltipPosition=\"top\" />\n                  <p-button *hasPermission=\"STORAGE_CONFIG_PERMISSIONS.DELETE\" icon=\"pi pi-trash\" [text]=\"true\" severity=\"danger\" size=\"small\" (onClick)=\"onDeleteConfig(config)\" pTooltip=\"Delete\" tooltipPosition=\"top\" />\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                @if (showCompanyInfo()) {\n                  No storage configurations found in current company\n                } @else {\n                  No storage configurations found\n                }\n              </td>\n            </tr>\n          </ng-template>\n        </p-table>\n      </div>\n    </div>\n  `,\n})\nexport class StorageConfigListComponent extends BaseStorageListPage<IStorageConfig> {\n  // Permission constants for template\n  readonly STORAGE_CONFIG_PERMISSIONS = STORAGE_CONFIG_PERMISSIONS;\n\n  private readonly configService = inject(StorageConfigApiService);\n\n  /** Configs list alias for template compatibility */\n  readonly configs = this.items;\n\n  /** Utility functions exposed to template */\n  readonly getProviderIcon = (storage: FileLocationEnum) => getProviderIcon(storage);\n  readonly getProviderLabel = (storage: FileLocationEnum) => getProviderLabel(storage);\n  readonly getProviderSeverity = (storage: FileLocationEnum) => getProviderSeverity(storage);\n\n  getResourceRoute(): string {\n    return '/storage/configs';\n  }\n\n  override getDeleteConfirmMessage(config: IStorageConfig): string {\n    return `Are you sure you want to delete \"${config.name}\"?`;\n  }\n\n  async loadData(): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await firstValueFrom(\n        this.configService.getAll('', {\n          pagination: this.getPaginationParams(),\n          filter: {},\n          select: [],\n          sort: {},\n        }),\n      );\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('Failed to load storage configurations.');\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.deleteAsync({ id, type: 'delete' }),\n      {\n        header: 'Delete Configuration',\n        successMessage: 'Storage configuration deleted successfully.',\n        errorMessage: 'Failed to delete storage configuration.',\n      },\n    );\n  }\n}\n"],"names":[],"mappings":"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"}