@flusys/ng-iam 5.5.0 → 6.0.0-beta.2

package/fesm2022/flusys-ng-iam-action-list-page.component-B1hUE4lD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-iam-action-list-page.component-B1hUE4lD.mjs","sources":["../../../projects/ng-iam/pages/action/action-list-page.component.ts"],"sourcesContent":["import { Component, effect, inject, signal, untracked } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';\nimport { ConfirmationService, MessageService, TreeNode } from '@flusys/ng-ui';\nimport {\n  ACTION_PERMISSIONS,\n  AngularModule,\n  HasPermissionDirective,\n  TranslatePipe,\n  TranslateService,\n} from '@flusys/ng-shared';\nimport { firstValueFrom } from 'rxjs';\nimport { ActionType, IAction } from '../../interfaces/action.interface';\nimport { ActionApiService } from '../../services/action-api.service';\nimport { convertActionToTreeNode } from '../../utils/tree-utils';\nimport { UiModule } from '@flusys/ng-ui';\n\n@Component({\n  selector: 'lib-action-list-page',\n  imports: [\n    AngularModule,\n    UiModule,\n    HasPermissionDirective,\n    TranslatePipe,\n  ],\n  template: `\n    <div class=\"card\">\n      <div\n        class=\"flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-4\"\n      >\n        <h3 class=\"text-lg sm:text-xl font-semibold\">\n          {{ 'iam.action.title' | translate }}\n        </h3>\n        <button\n          fButton\n          *hasPermission=\"ACTION_PERMISSIONS.CREATE\"\n          (click)=\"onCreate()\"\n          class=\"w-full sm:w-auto\"\n        >\n          <ui-icon pButtonIcon name=\"plus\"></ui-icon>\n          <span pButtonLabel>{{ 'iam.action.new' | translate }}</span>\n        </button>\n      </div>\n\n      <div class=\"overflow-x-auto -mx-4 sm:mx-0\">\n        <f-treetable\n          [value]=\"treeNodes()\"\n          [loading]=\"isLoading()\"\n          dataKey=\"id\"\n          [tableStyle]=\"{ 'min-width': '50rem' }\"\n        >\n          <ng-template #header>\n            <tr>\n              <th>{{ 'iam.action.name' | translate }}</th>\n              <th class=\"hidden md:table-cell\">\n                {{ 'iam.action.code' | translate }}\n              </th>\n              <th>{{ 'iam.action.type' | translate }}</th>\n              <th class=\"hidden sm:table-cell\">\n                {{ 'shared.active' | translate }}\n              </th>\n              <th class=\"hidden lg:table-cell\">\n                {{ 'shared.read.only' | translate }}\n              </th>\n              <th class=\"w-[100px]\">{{ 'shared.actions' | translate }}</th>\n            </tr>\n          </ng-template>\n          <ng-template #body let-rowNode let-rowData=\"rowData\">\n            <tr>\n              <td>\n                <f-treetabletoggler [rowNode]=\"rowNode\" />\n                {{ rowData.name }}\n              </td>\n              <td class=\"hidden md:table-cell\">{{ rowData.code ?? '-' }}</td>\n              <td>\n                <f-tag\n                  [value]=\"getActionTypeLabel(rowData.actionType)\"\n                  [severity]=\"getActionTypeSeverity(rowData.actionType)\"\n                />\n              </td>\n              <td class=\"hidden sm:table-cell\">\n                <f-tag\n                  [value]=\"\n                    rowData.isActive\n                      ? ('shared.active' | translate)\n                      : ('shared.inactive' | translate)\n                  \"\n                  [severity]=\"rowData.isActive ? 'success' : 'secondary'\"\n                />\n              </td>\n              <td class=\"hidden lg:table-cell\">\n                <f-tag\n                  [value]=\"\n                    rowData.readOnly\n                      ? ('shared.yes' | translate)\n                      : ('shared.no' | translate)\n                  \"\n                  [severity]=\"rowData.readOnly ? 'warn' : 'secondary'\"\n                />\n              </td>\n              <td>\n                <div class=\"flex gap-1\">\n                  <button\n                    fButton\n                    *hasPermission=\"ACTION_PERMISSIONS.UPDATE\"\n                    [text]=\"true\"\n                    severity=\"secondary\"\n                    size=\"small\"\n                    [disabled]=\"rowData.readOnly\"\n                    [fTooltip]=\"'shared.edit' | translate\"\n                    (click)=\"onEdit(rowData)\"\n                  >\n                    <ui-icon pButtonIcon name=\"pencil\"></ui-icon>\n                  </button>\n                  <button\n                    fButton\n                    *hasPermission=\"ACTION_PERMISSIONS.DELETE\"\n                    [text]=\"true\"\n                    severity=\"danger\"\n                    size=\"small\"\n                    [fTooltip]=\"'shared.delete' | translate\"\n                    [disabled]=\"rowData.readOnly\"\n                    (click)=\"onDelete(rowData)\"\n                  >\n                    <ui-icon pButtonIcon name=\"trash\"></ui-icon>\n                  </button>\n                </div>\n              </td>\n            </tr>\n          </ng-template>\n          <ng-template #emptymessage>\n            <tr>\n              <td colspan=\"6\" class=\"text-center py-4 text-muted-color\">\n                {{ 'iam.action.no.actions' | translate }}\n              </td>\n            </tr>\n          </ng-template>\n        </f-treetable>\n      </div>\n    </div>\n  `,\n})\nexport class ActionListPageComponent {\n  readonly ACTION_PERMISSIONS = ACTION_PERMISSIONS;\n\n  private readonly router = inject(Router);\n  private readonly companyContext = inject(LAYOUT_AUTH_STATE);\n  private readonly actionApi = inject(ActionApiService);\n  private readonly messageService = inject(MessageService);\n  private readonly confirmationService = inject(ConfirmationService);\n  private readonly translateAdapter = inject(TranslateService, {\n    optional: true,\n  });\n\n  readonly isLoading = signal(false);\n  readonly treeNodes = signal<TreeNode<IAction>[]>([]);\n\n  private translate(\n    key: string,\n    vars?: Record<string, string | number>,\n  ): string {\n    return this.translateAdapter?.translate(key, vars) ?? key;\n  }\n\n  private static readonly TYPE_SEVERITIES: Record<\n    ActionType,\n    'info' | 'success' | 'warn'\n  > = {\n    [ActionType.BACKEND]: 'info',\n    [ActionType.FRONTEND]: 'success',\n    [ActionType.BOTH]: 'warn',\n  };\n\n  private static readonly TYPE_LABEL_KEYS: Record<ActionType, string> = {\n    [ActionType.BACKEND]: 'iam.action.type.backend',\n    [ActionType.FRONTEND]: 'iam.action.type.frontend',\n    [ActionType.BOTH]: 'iam.action.type.both',\n  };\n\n  constructor() {\n    effect(() => {\n      this.companyContext.currentCompanyInfo();\n      untracked(() => this.loadActions());\n    });\n  }\n\n  private async loadActions(): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await firstValueFrom(this.actionApi.getTree());\n      this.treeNodes.set(\n        convertActionToTreeNode(response?.success ? (response.data ?? []) : []),\n      );\n    } catch {\n      // Handled by global interceptor\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  getActionTypeLabel(type: ActionType): string {\n    const key =\n      ActionListPageComponent.TYPE_LABEL_KEYS[type] ?? 'shared.unknown';\n    return this.translate(key);\n  }\n\n  getActionTypeSeverity(type: ActionType): 'info' | 'success' | 'warn' {\n    return ActionListPageComponent.TYPE_SEVERITIES[type] ?? 'info';\n  }\n\n  onCreate(): void {\n    this.router.navigate(['/iam/actions/new']);\n  }\n\n  onEdit(action: IAction): void {\n    this.router.navigate(['/iam/actions', action.id]);\n  }\n\n  onDelete(action: IAction): void {\n    if (!action?.id || !action?.name) return;\n\n    this.confirmationService.confirm({\n      message: this.translate('shared.confirm.delete.item', {\n        name: action.name,\n      }),\n      header: this.translate('iam.action.delete.title'),\n      icon: 'exclamation-triangle',\n      accept: async () => {\n        try {\n          const response = await this.actionApi.delete({\n            id: action.id,\n            type: 'delete',\n          });\n          await this.loadActions();\n          this.messageService.add({\n            severity: 'success',\n            summary: this.translate('shared.success'),\n            detail: response?.messageKey\n              ? this.translate(\n                  response.messageKey,\n                  response.messageVariables as Record<string, string | number>,\n                )\n              : (response?.message ?? ''),\n          });\n        } catch {\n          // Handled by global interceptor\n        }\n      },\n    });\n  }\n}\n"],"names":["i1"],"mappings":"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"}