@flusys/ng-localization 9.1.2 → 9.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/fesm2022/{flusys-ng-localization-language-form.page-BdxZ6meb.mjs → flusys-ng-localization-language-form.page-DB-cn7MO.mjs} +24 -20
  2. package/fesm2022/flusys-ng-localization-language-form.page-DB-cn7MO.mjs.map +1 -0
  3. package/fesm2022/{flusys-ng-localization-language-list.page-B8wnYNNd.mjs → flusys-ng-localization-language-list.page-CfM-mc9g.mjs} +29 -21
  4. package/fesm2022/{flusys-ng-localization-language-list.page-B8wnYNNd.mjs.map → flusys-ng-localization-language-list.page-CfM-mc9g.mjs.map} +1 -1
  5. package/fesm2022/flusys-ng-localization-localization-container.page-CsrYVvth.mjs.map +1 -1
  6. package/fesm2022/{flusys-ng-localization-translation-key-form.page-Dgn58Sh7.mjs → flusys-ng-localization-translation-key-form.page-BCkDs0tt.mjs} +43 -36
  7. package/fesm2022/flusys-ng-localization-translation-key-form.page-BCkDs0tt.mjs.map +1 -0
  8. package/fesm2022/{flusys-ng-localization-translation-key-list.page-DhRI5UvT.mjs → flusys-ng-localization-translation-key-list.page-CGC5125Z.mjs} +28 -15
  9. package/fesm2022/flusys-ng-localization-translation-key-list.page-CGC5125Z.mjs.map +1 -0
  10. package/fesm2022/flusys-ng-localization.mjs +42 -19
  11. package/fesm2022/flusys-ng-localization.mjs.map +1 -1
  12. package/package.json +5 -5
  13. package/types/flusys-ng-localization.d.ts +2 -0
  14. package/fesm2022/flusys-ng-localization-language-form.page-BdxZ6meb.mjs.map +0 -1
  15. package/fesm2022/flusys-ng-localization-translation-key-form.page-Dgn58Sh7.mjs.map +0 -1
  16. package/fesm2022/flusys-ng-localization-translation-key-list.page-DhRI5UvT.mjs.map +0 -1
package/fesm2022/{flusys-ng-localization-language-form.page-BdxZ6meb.mjs → flusys-ng-localization-language-form.page-DB-cn7MO.mjs} RENAMED
@@ -52,7 +52,9 @@ var LanguageFormPage = class LanguageFormPage {
52
52
  });
53
53
  isFormValid = computed(() => {
54
54
  const model = this.formModel();
55
- return model.code.trim().length > 0 && model.name.trim().length > 0;
55
+ const code = model.code.trim();
56
+ const name = model.name.trim();
57
+ return code.length > 0 && code.length <= 10 && name.length > 0 && name.length <= 100;
56
58
  }, ...ngDevMode ? [{ debugName: "isFormValid" }] : /* istanbul ignore next */ []);
57
59
  constructor() {
58
60
  effect(() => {
@@ -76,7 +78,7 @@ var LanguageFormPage = class LanguageFormPage {
76
78
  if (response.success && response.data) {
77
79
  this.existingLanguage.set(response.data);
78
80
  this.formModel.set(this.toFormModel(response.data));
79
- }
81
+ } else this.router.navigate(["/localization/languages"]);
80
82
  },
81
83
  error: () => this.router.navigate(["/localization/languages"])
82
84
  });
@@ -93,31 +95,35 @@ var LanguageFormPage = class LanguageFormPage {
93
95
  };
94
96
  }
95
97
  onSubmit() {
96
- if (!this.isFormValid()) return;
98
+ if (!this.isFormValid() || this.isSaving()) return;
97
99
  this.isSaving.set(true);
98
100
  const model = this.formModel();
101
+ const serial = parseInt(String(model.serial ?? ""), 10);
99
102
  const dto = {
100
- code: model.code,
101
- name: model.name,
102
- nativeName: model.nativeName || void 0,
103
+ code: model.code.trim(),
104
+ name: model.name.trim(),
105
+ nativeName: model.nativeName?.trim() || void 0,
103
106
  direction: model.direction,
104
- serial: model.serial ? parseInt(model.serial, 10) : void 0,
107
+ serial: Number.isFinite(serial) ? serial : void 0,
105
108
  isActive: model.isActive,
106
109
  isDefault: model.isDefault
107
110
  };
108
111
  (this.isEditMode() ? from(this.languageService.update({
109
112
  id: this.existingLanguage().id,
110
113
  ...dto
111
- })) : from(this.languageService.insert(dto))).pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.isSaving.set(false))).subscribe({ next: (response) => {
112
- if (response.success) {
113
- this.messageService.add({
114
- severity: "success",
115
- summary: this.translate("shared.success"),
116
- detail: response.messageKey ? this.translate(response.messageKey, response.messageVariables) : response.message ?? ""
117
- });
118
- this.router.navigate(["/localization/languages"]);
119
- }
120
- } });
114
+ })) : from(this.languageService.insert(dto))).pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.isSaving.set(false))).subscribe({
115
+ next: (response) => {
116
+ if (response.success) {
117
+ this.messageService.add({
118
+ severity: "success",
119
+ summary: this.translate("shared.success"),
120
+ detail: response.messageKey ? this.translate(response.messageKey, response.messageVariables) : response.message ?? ""
121
+ });
122
+ this.router.navigate(["/localization/languages"]);
123
+ }
124
+ },
125
+ error: () => void 0
126
+ });
121
127
  }
122
128
  onCancel() {
123
129
  this.router.navigate(["/localization/languages"]);
@@ -136,7 +142,6 @@ var LanguageFormPage = class LanguageFormPage {
136
142
  type: LanguageFormPage,
137
143
  isStandalone: true,
138
144
  selector: "lib-language-form-page",
139
- providers: [MessageService],
140
145
  ngImport: i0,
141
146
  template: `
142
147
  <f-card>
@@ -491,7 +496,6 @@ i0.ɵɵngDeclareClassMetadata({
491
496
  FormField,
492
497
  TranslatePipe
493
498
  ],
494
- providers: [MessageService],
495
499
  template: `
496
500
  <f-card>
497
501
  <ng-template #header>
@@ -636,4 +640,4 @@ i0.ɵɵngDeclareClassMetadata({
636
640
  });
637
641
  export { LanguageFormPage };
638
642
 
639
- //# sourceMappingURL=flusys-ng-localization-language-form.page-BdxZ6meb.mjs.map
643
+ //# sourceMappingURL=flusys-ng-localization-language-form.page-DB-cn7MO.mjs.map
package/fesm2022/flusys-ng-localization-language-form.page-DB-cn7MO.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"flusys-ng-localization-language-form.page-DB-cn7MO.mjs","names":[],"sources":["../../../projects/ng-localization/pages/language-form/language-form.page.ts"],"sourcesContent":["import {\n Component,\n computed,\n DestroyRef,\n effect,\n inject,\n signal,\n} from '@angular/core';\nimport { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';\nimport { FormsModule } from '@angular/forms';\nimport {\n disabled,\n form,\n FormField,\n maxLength,\n required,\n} from '@angular/forms/signals';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport {\n CardComponent,\n CheckboxComponent,\n FButtonDirective,\n InputTextDirective,\n MessageService,\n SelectComponent,\n UiIconComponent,\n} from '@flusys/ng-ui';\nimport {\n TranslatePipe,\n TranslateService,\n} from '@flusys/ng-shared';\nimport { finalize, from } from 'rxjs';\nimport {\n ICreateLanguageDto,\n ILanguage,\n IUpdateLanguageDto,\n} from '../../interfaces/language.interface';\nimport { LanguageApiService } from '../../services/language-api.service';\n\ninterface ILanguageFormModel {\n code: string;\n name: string;\n nativeName: string;\n direction: 'ltr' | 'rtl';\n serial: string;\n isActive: boolean;\n isDefault: boolean;\n}\n\n@Component({\n selector: 'lib-language-form-page',\n imports: [\n CardComponent,\n InputTextDirective,\n SelectComponent,\n CheckboxComponent,\n FButtonDirective,\n UiIconComponent,\n FormsModule,\n FormField,\n TranslatePipe,\n ],\n template: `\n <f-card>\n <ng-template #header>\n <div class=\"flex justify-between items-center p-4\">\n <h2 class=\"text-xl font-semibold m-0\">\n {{\n isEditMode()\n ? ('localization.language.edit' | translate)\n : ('localization.language.new' | translate)\n }}\n </h2>\n </div>\n </ng-template>\n\n <form\n (ngSubmit)=\"onSubmit()\"\n class=\"grid grid-cols-1 md:grid-cols-2 gap-4\"\n >\n <!-- Language Code -->\n <div class=\"flex flex-col gap-2\">\n <label for=\"code\" class=\"font-medium\"\n >{{ 'localization.language.code' | translate }} *</label\n >\n <input\n fInputText\n id=\"code\"\n [formField]=\"formTree.code\"\n [placeholder]=\"'localization.placeholder.code' | translate\"\n />\n <small class=\"text-muted-color\">{{\n 'localization.language.iso.code.hint' | translate\n }}</small>\n </div>\n\n <!-- Language Name -->\n <div class=\"flex flex-col gap-2\">\n <label for=\"name\" class=\"font-medium\"\n >{{ 'localization.language.name' | translate }} *</label\n >\n <input\n fInputText\n id=\"name\"\n [formField]=\"formTree.name\"\n [placeholder]=\"'localization.placeholder.name' | translate\"\n />\n </div>\n\n <!-- Native Name -->\n <div class=\"flex flex-col gap-2\">\n <label for=\"nativeName\" class=\"font-medium\">{{\n 'localization.language.native.name' | translate\n }}</label>\n <input\n fInputText\n id=\"nativeName\"\n [formField]=\"formTree.nativeName\"\n [placeholder]=\"'localization.placeholder.native.name' | translate\"\n />\n <small class=\"text-muted-color\">{{\n 'localization.language.native.name.hint' | translate\n }}</small>\n </div>\n\n <!-- Text Direction -->\n <div class=\"flex flex-col gap-2\">\n <label for=\"direction\" class=\"font-medium\"\n >{{ 'localization.language.direction' | translate }} *</label\n >\n <f-select\n id=\"direction\"\n [ngModel]=\"formModel().direction\"\n (ngModelChange)=\"updateDirection($event)\"\n [ngModelOptions]=\"{ standalone: true }\"\n [options]=\"directionOptions()\"\n optionLabel=\"label\"\n optionValue=\"value\"\n [disabled]=\"isReadonly()\"\n class=\"w-full\"\n />\n @if (isReadonly()) {\n <small class=\"text-muted-color\">{{\n 'localization.language.readonly.edit.hint' | translate\n }}</small>\n }\n </div>\n\n <!-- Display Order -->\n <div class=\"flex flex-col gap-2\">\n <label for=\"serial\" class=\"font-medium\">{{\n 'localization.language.display.order' | translate\n }}</label>\n <input\n fInputText\n id=\"serial\"\n type=\"number\"\n [formField]=\"formTree.serial\"\n [placeholder]=\"'shared.display.order.placeholder' | translate\"\n />\n </div>\n\n <!-- Empty cell for alignment -->\n <div class=\"hidden md:block\"></div>\n\n <!-- Checkboxes -->\n <div class=\"flex items-center gap-6 md:col-span-2 pt-4\">\n <f-checkbox [formField]=\"formTree.isActive\" [label]=\"'shared.active' | translate\" />\n <f-checkbox [formField]=\"formTree.isDefault\" [label]=\"'localization.language.default' | translate\" />\n </div>\n\n <!-- Actions -->\n <div class=\"flex justify-end gap-4 md:col-span-2 pt-4\">\n <button\n fButton\n type=\"button\"\n severity=\"secondary\"\n [outlined]=\"true\"\n (click)=\"onCancel()\"\n >\n <span pButtonLabel>{{ 'shared.cancel' | translate }}</span>\n </button>\n <button\n fButton\n type=\"submit\"\n [disabled]=\"!isFormValid() || isSaving()\"\n >\n @if (isSaving()) {\n <ui-icon pButtonIcon name=\"spinner\" [spin]=\"true\"></ui-icon>\n }\n <span pButtonLabel>{{ \n isEditMode()\n ? ('shared.update' | translate)\n : ('shared.create' | translate)\n }}</span>\n </button>\n </div>\n </form>\n </f-card>\n `,\n})\nexport class LanguageFormPage {\n private readonly router = inject(Router);\n private readonly route = inject(ActivatedRoute);\n private readonly languageService = inject(LanguageApiService);\n private readonly messageService = inject(MessageService);\n private readonly translateAdapter = inject(TranslateService, {\n optional: true,\n });\n private readonly destroyRef = inject(DestroyRef);\n\n private readonly routeParams = toSignal(this.route.paramMap);\n private loadTriggered = false;\n\n readonly isSaving = signal(false);\n readonly existingLanguage = signal<ILanguage | null>(null);\n readonly isEditMode = computed(() => !!this.existingLanguage());\n readonly isReadonly = computed(() => this.existingLanguage()?.isReadonly ?? false);\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 readonly directionOptions = computed(() => [\n {\n label: this.translate('localization.language.direction.ltr'),\n value: 'ltr',\n },\n {\n label: this.translate('localization.language.direction.rtl'),\n value: 'rtl',\n },\n ]);\n\n readonly formModel = signal<ILanguageFormModel>({\n code: '',\n name: '',\n nativeName: '',\n direction: 'ltr',\n serial: '',\n isActive: true,\n isDefault: false,\n });\n\n readonly formTree = form(this.formModel, (f) => {\n required(f.code, {\n message: this.translate('localization.validation.code.required'),\n });\n maxLength(f.code, 10, {\n message: this.translate('localization.validation.code.max.length'),\n });\n required(f.name, {\n message: this.translate('localization.validation.name.required'),\n });\n maxLength(f.name, 100, {\n message: this.translate('localization.validation.name.max.length'),\n });\n disabled(f.code, { when: () => this.isReadonly() });\n disabled(f.name, { when: () => this.isReadonly() });\n disabled(f.nativeName, { when: () => this.isReadonly() });\n });\n\n readonly isFormValid = computed(() => {\n const model = this.formModel();\n const code = model.code.trim();\n const name = model.name.trim();\n return (\n code.length > 0 &&\n code.length <= 10 &&\n name.length > 0 &&\n name.length <= 100\n );\n });\n\n constructor() {\n effect(() => {\n const params = this.routeParams();\n if (!params || this.loadTriggered) return;\n\n this.loadTriggered = true;\n const id = params.get('id');\n if (id && id !== 'new') {\n this.loadLanguage(id);\n }\n });\n }\n\n updateDirection(value: 'ltr' | 'rtl'): void {\n this.formModel.update((m) => ({ ...m, direction: value }));\n }\n\n loadLanguage(id: string): void {\n this.isSaving.set(true);\n from(this.languageService.findById(id))\n .pipe(\n takeUntilDestroyed(this.destroyRef),\n finalize(() => this.isSaving.set(false)),\n )\n .subscribe({\n next: (response) => {\n if (response.success && response.data) {\n this.existingLanguage.set(response.data);\n this.formModel.set(this.toFormModel(response.data));\n } else {\n this.router.navigate(['/localization/languages']);\n }\n },\n error: () => this.router.navigate(['/localization/languages']),\n });\n }\n\n private toFormModel(language: ILanguage): ILanguageFormModel {\n return {\n code: language.code,\n name: language.name,\n nativeName: language.nativeName ?? '',\n direction: language.direction ?? 'ltr',\n serial: language.serial?.toString() ?? '',\n isActive: language.isActive,\n isDefault: language.isDefault,\n };\n }\n\n onSubmit(): void {\n if (!this.isFormValid() || this.isSaving()) return;\n\n this.isSaving.set(true);\n const model = this.formModel();\n const serial = parseInt(String(model.serial ?? ''), 10);\n\n const dto = {\n code: model.code.trim(),\n name: model.name.trim(),\n nativeName: model.nativeName?.trim() || undefined,\n direction: model.direction,\n serial: Number.isFinite(serial) ? serial : undefined,\n isActive: model.isActive,\n isDefault: model.isDefault,\n };\n\n const operation$ = this.isEditMode()\n ? from(\n this.languageService.update({\n id: this.existingLanguage()!.id,\n ...dto,\n } as IUpdateLanguageDto),\n )\n : from(this.languageService.insert(dto as ICreateLanguageDto));\n\n operation$\n .pipe(\n takeUntilDestroyed(this.destroyRef),\n finalize(() => this.isSaving.set(false)),\n )\n .subscribe({\n next: (response) => {\n if (response.success) {\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<\n string,\n string | number\n >,\n )\n : (response.message ?? ''),\n });\n this.router.navigate(['/localization/languages']);\n }\n },\n error: () => undefined,\n });\n }\n\n onCancel(): void {\n this.router.navigate(['/localization/languages']);\n }\n}\n"],"mappings":"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"}
package/fesm2022/{flusys-ng-localization-language-list.page-B8wnYNNd.mjs → flusys-ng-localization-language-list.page-CfM-mc9g.mjs} RENAMED
@@ -49,25 +49,30 @@ var LanguageListPage = class LanguageListPage {
49
49
  this.router.navigate(["/localization/languages", id]);
50
50
  }
51
51
  onSetDefault(lang) {
52
+ if (lang.isDefault) return;
52
53
  this.confirmationService.confirm({
53
54
  message: this.translateService.translate("localization.language.confirm.set.default", { name: lang.name }),
54
55
  header: this.translateService.translate("localization.language.set.default"),
55
56
  icon: "star",
56
57
  accept: () => {
57
- this.languageService.setDefault(lang.id).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({ next: (response) => {
58
- if (response.success) {
59
- this.messageService.add({
60
- severity: "success",
61
- summary: this.translateService.translate("shared.success"),
62
- detail: response.messageKey ? this.translateService.translate(response.messageKey, response.messageVariables) : response.message ?? ""
63
- });
64
- this.languageService.reload();
65
- }
66
- } });
58
+ this.languageService.setDefault(lang.id).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
59
+ next: (response) => {
60
+ if (response.success) {
61
+ this.messageService.add({
62
+ severity: "success",
63
+ summary: this.translateService.translate("shared.success"),
64
+ detail: response.messageKey ? this.translateService.translate(response.messageKey, response.messageVariables) : response.message ?? ""
65
+ });
66
+ this.languageService.reload();
67
+ }
68
+ },
69
+ error: () => void 0
70
+ });
67
71
  }
68
72
  });
69
73
  }
70
74
  onDelete(lang) {
75
+ if (lang.isDefault || lang.isReadonly) return;
71
76
  this.confirmationService.confirm({
72
77
  message: this.translateService.translate("shared.confirm.delete"),
73
78
  header: this.translateService.translate("localization.language.delete.title"),
@@ -77,16 +82,19 @@ var LanguageListPage = class LanguageListPage {
77
82
  from(this.languageService.delete({
78
83
  id: lang.id,
79
84
  type: "delete"
80
- })).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({ next: (response) => {
81
- if (response.success) {
82
- this.messageService.add({
83
- severity: "success",
84
- summary: this.translateService.translate("shared.success"),
85
- detail: response.messageKey ? this.translateService.translate(response.messageKey, response.messageVariables) : response.message ?? ""
86
- });
87
- this.languageService.reload();
88
- }
89
- } });
85
+ })).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
86
+ next: (response) => {
87
+ if (response.success) {
88
+ this.messageService.add({
89
+ severity: "success",
90
+ summary: this.translateService.translate("shared.success"),
91
+ detail: response.messageKey ? this.translateService.translate(response.messageKey, response.messageVariables) : response.message ?? ""
92
+ });
93
+ this.languageService.reload();
94
+ }
95
+ },
96
+ error: () => void 0
97
+ });
90
98
  }
91
99
  });
92
100
  }
@@ -657,4 +665,4 @@ i0.ɵɵngDeclareClassMetadata({
657
665
  });
658
666
  export { LanguageListPage };
659
667
 
660
- //# sourceMappingURL=flusys-ng-localization-language-list.page-B8wnYNNd.mjs.map
668
+ //# sourceMappingURL=flusys-ng-localization-language-list.page-CfM-mc9g.mjs.map
package/fesm2022/{flusys-ng-localization-language-list.page-B8wnYNNd.mjs.map → flusys-ng-localization-language-list.page-CfM-mc9g.mjs.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"flusys-ng-localization-language-list.page-B8wnYNNd.mjs","names":[],"sources":["../../../projects/ng-localization/pages/language-list/language-list.page.ts"],"sourcesContent":["import { Component, DestroyRef, inject, OnInit } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormsModule } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport {\n HasPermissionDirective,\n LANGUAGE_PERMISSIONS,\n TranslatePipe,\n TranslateService,\n} from '@flusys/ng-shared';\nimport {\n ConfirmationService,\n FButtonDirective,\n IconFieldComponent,\n InputIconComponent,\n InputTextDirective,\n MessageService,\n TableComponent,\n TagComponent,\n TooltipDirective,\n UiIconComponent,\n} from '@flusys/ng-ui';\nimport { from } from 'rxjs';\nimport { ILanguage } from '../../interfaces/language.interface';\nimport { LanguageApiService } from '../../services/language-api.service';\n\n@Component({\n selector: 'lib-language-list-page',\n imports: [\n FButtonDirective,\n UiIconComponent,\n TableComponent,\n TagComponent,\n TooltipDirective,\n HasPermissionDirective,\n TranslatePipe,\n FormsModule,\n IconFieldComponent,\n InputIconComponent,\n InputTextDirective,\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 <div>\n <h3 class=\"text-lg sm:text-xl font-semibold m-0\">\n {{ 'localization.language.title' | translate }}\n </h3>\n <p class=\"text-sm text-muted-color mt-1\">\n {{ 'localization.language.subtitle' | translate }}\n </p>\n </div>\n <div\n class=\"flex flex-col sm:flex-row items-stretch sm:items-center gap-2 w-full sm:w-auto\"\n >\n <f-iconfield class=\"w-full sm:w-64\">\n <f-inputicon icon=\"search\" />\n <input\n fInputText\n type=\"text\"\n [ngModel]=\"languageService.searchTerm()\"\n (ngModelChange)=\"onSearchChange($event)\"\n [ngModelOptions]=\"{ standalone: true }\"\n [placeholder]=\"'shared.search' | translate\"\n class=\"w-full\"\n />\n </f-iconfield>\n <button\n fButton\n *hasPermission=\"LANGUAGE_PERMISSIONS.CREATE\"\n (click)=\"onCreate()\"\n class=\"w-full sm:w-auto\"\n >\n <ui-icon pButtonIcon name=\"plus\"></ui-icon>\n <span pButtonLabel>{{\n 'localization.language.new' | translate\n }}</span>\n </button>\n </div>\n </div>\n\n <div class=\"overflow-x-auto -mx-4 sm:mx-0\">\n <f-table\n [value]=\"languageService.data()\"\n [loading]=\"languageService.isLoading()\"\n [tableStyle]=\"{ 'min-width': '40rem' }\"\n >\n <ng-template #header>\n <tr>\n <th>{{ 'localization.language.code' | translate }}</th>\n <th>{{ 'localization.language.name' | translate }}</th>\n <th>{{ 'localization.language.native.name' | translate }}</th>\n <th>{{ 'localization.language.direction' | translate }}</th>\n <th>{{ 'shared.status' | translate }}</th>\n <th class=\"w-[150px]\">{{ 'shared.actions' | translate }}</th>\n </tr>\n </ng-template>\n\n <ng-template #body let-lang>\n <tr>\n <td>\n <span class=\"uppercase font-semibold\">{{ lang.code }}</span>\n </td>\n <td>{{ lang.name }}</td>\n <td>{{ lang.nativeName || ('shared.na' | translate) }}</td>\n <td>\n <f-tag\n [value]=\"\n lang.direction === 'rtl'\n ? ('localization.language.rtl' | translate)\n : ('localization.language.ltr' | translate)\n \"\n [severity]=\"lang.direction === 'rtl' ? 'warn' : 'info'\"\n />\n </td>\n <td>\n <div class=\"flex gap-1 items-center\">\n <f-tag\n [value]=\"\n lang.isActive\n ? ('shared.active' | translate)\n : ('shared.inactive' | translate)\n \"\n [severity]=\"lang.isActive ? 'success' : 'secondary'\"\n />\n @if (lang.isDefault) {\n <f-tag\n [value]=\"'localization.language.default' | translate\"\n severity=\"contrast\"\n />\n }\n @if (lang.isReadonly) {\n <f-tag\n [value]=\"'shared.read.only' | translate\"\n severity=\"warn\"\n />\n }\n </div>\n </td>\n <td>\n <div class=\"flex gap-1\">\n @if (!lang.isDefault) {\n <button\n fButton\n *hasPermission=\"LANGUAGE_PERMISSIONS.UPDATE\"\n [text]=\"true\"\n size=\"small\"\n [fTooltip]=\"\n 'localization.language.set.default' | translate\n \"\n (click)=\"onSetDefault(lang)\"\n >\n <ui-icon pButtonIcon name=\"star\"></ui-icon>\n </button>\n }\n <button\n fButton\n *hasPermission=\"LANGUAGE_PERMISSIONS.UPDATE\"\n [text]=\"true\"\n severity=\"secondary\"\n size=\"small\"\n [fTooltip]=\"'shared.edit' | translate\"\n (click)=\"onEdit(lang.id)\"\n >\n <ui-icon pButtonIcon name=\"pencil\"></ui-icon>\n </button>\n <button\n fButton\n *hasPermission=\"LANGUAGE_PERMISSIONS.DELETE\"\n [text]=\"true\"\n severity=\"danger\"\n size=\"small\"\n [fTooltip]=\"\n (lang.isDefault\n ? 'localization.language.default.delete.forbidden'\n : lang.isReadonly\n ? 'localization.language.readonly.delete.forbidden'\n : 'shared.delete'\n ) | translate\n \"\n [disabled]=\"lang.isDefault || lang.isReadonly\"\n (click)=\"onDelete(lang)\"\n >\n <ui-icon pButtonIcon name=\"trash\"></ui-icon>\n </button>\n </div>\n </td>\n </tr>\n </ng-template>\n\n <ng-template #emptymessage>\n <tr>\n <td colspan=\"6\" class=\"text-center py-4 text-muted-color\">\n {{ 'localization.language.empty' | translate }}\n </td>\n </tr>\n </ng-template>\n </f-table>\n </div>\n </div>\n `,\n})\nexport class LanguageListPage implements OnInit {\n readonly LANGUAGE_PERMISSIONS = LANGUAGE_PERMISSIONS;\n\n private readonly router = inject(Router);\n readonly languageService = inject(LanguageApiService);\n private readonly confirmationService = inject(ConfirmationService);\n private readonly messageService = inject(MessageService);\n private readonly translateService = inject(TranslateService);\n private readonly destroyRef = inject(DestroyRef);\n\n ngOnInit(): void {\n this.languageService.fetchList('', {\n pagination: { currentPage: 0, pageSize: 100 },\n filter: {},\n sort: { serial: 'ASC', name: 'ASC' },\n });\n }\n\n onCreate(): void {\n this.router.navigate(['/localization/languages/new']);\n }\n\n onSearchChange(term: string): void {\n this.languageService.fetchList(term, {\n pagination: { currentPage: 0, pageSize: 100 },\n filter: {},\n sort: { serial: 'ASC', name: 'ASC' },\n });\n }\n\n onEdit(id: string): void {\n this.router.navigate(['/localization/languages', id]);\n }\n\n onSetDefault(lang: ILanguage): void {\n this.confirmationService.confirm({\n message: this.translateService.translate(\n 'localization.language.confirm.set.default',\n { name: lang.name },\n ),\n header: this.translateService.translate(\n 'localization.language.set.default',\n ),\n icon: 'star',\n accept: () => {\n this.languageService\n .setDefault(lang.id)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe({\n next: (response) => {\n if (response.success) {\n this.messageService.add({\n severity: 'success',\n summary: this.translateService.translate('shared.success'),\n detail: response.messageKey\n ? this.translateService.translate(\n response.messageKey,\n response.messageVariables as Record<\n string,\n string | number\n >,\n )\n : (response.message ?? ''),\n });\n this.languageService.reload();\n }\n },\n });\n },\n });\n }\n\n onDelete(lang: ILanguage): void {\n this.confirmationService.confirm({\n message: this.translateService.translate('shared.confirm.delete'),\n header: this.translateService.translate(\n 'localization.language.delete.title',\n ),\n icon: 'exclamation-triangle',\n acceptButtonStyleClass: 'p-button-danger',\n accept: () => {\n from(this.languageService.delete({ id: lang.id, type: 'delete' }))\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe({\n next: (response) => {\n if (response.success) {\n this.messageService.add({\n severity: 'success',\n summary: this.translateService.translate('shared.success'),\n detail: response.messageKey\n ? this.translateService.translate(\n response.messageKey,\n response.messageVariables as Record<\n string,\n string | number\n >,\n )\n : (response.message ?? ''),\n });\n this.languageService.reload();\n }\n },\n });\n },\n });\n }\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"flusys-ng-localization-language-list.page-CfM-mc9g.mjs","names":[],"sources":["../../../projects/ng-localization/pages/language-list/language-list.page.ts"],"sourcesContent":["import { Component, DestroyRef, inject, OnInit } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormsModule } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport {\n HasPermissionDirective,\n LANGUAGE_PERMISSIONS,\n TranslatePipe,\n TranslateService,\n} from '@flusys/ng-shared';\nimport {\n ConfirmationService,\n FButtonDirective,\n IconFieldComponent,\n InputIconComponent,\n InputTextDirective,\n MessageService,\n TableComponent,\n TagComponent,\n TooltipDirective,\n UiIconComponent,\n} from '@flusys/ng-ui';\nimport { from } from 'rxjs';\nimport { ILanguage } from '../../interfaces/language.interface';\nimport { LanguageApiService } from '../../services/language-api.service';\n\n@Component({\n selector: 'lib-language-list-page',\n imports: [\n FButtonDirective,\n UiIconComponent,\n TableComponent,\n TagComponent,\n TooltipDirective,\n HasPermissionDirective,\n TranslatePipe,\n FormsModule,\n IconFieldComponent,\n InputIconComponent,\n InputTextDirective,\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 <div>\n <h3 class=\"text-lg sm:text-xl font-semibold m-0\">\n {{ 'localization.language.title' | translate }}\n </h3>\n <p class=\"text-sm text-muted-color mt-1\">\n {{ 'localization.language.subtitle' | translate }}\n </p>\n </div>\n <div\n class=\"flex flex-col sm:flex-row items-stretch sm:items-center gap-2 w-full sm:w-auto\"\n >\n <f-iconfield class=\"w-full sm:w-64\">\n <f-inputicon icon=\"search\" />\n <input\n fInputText\n type=\"text\"\n [ngModel]=\"languageService.searchTerm()\"\n (ngModelChange)=\"onSearchChange($event)\"\n [ngModelOptions]=\"{ standalone: true }\"\n [placeholder]=\"'shared.search' | translate\"\n class=\"w-full\"\n />\n </f-iconfield>\n <button\n fButton\n *hasPermission=\"LANGUAGE_PERMISSIONS.CREATE\"\n (click)=\"onCreate()\"\n class=\"w-full sm:w-auto\"\n >\n <ui-icon pButtonIcon name=\"plus\"></ui-icon>\n <span pButtonLabel>{{\n 'localization.language.new' | translate\n }}</span>\n </button>\n </div>\n </div>\n\n <div class=\"overflow-x-auto -mx-4 sm:mx-0\">\n <f-table\n [value]=\"languageService.data()\"\n [loading]=\"languageService.isLoading()\"\n [tableStyle]=\"{ 'min-width': '40rem' }\"\n >\n <ng-template #header>\n <tr>\n <th>{{ 'localization.language.code' | translate }}</th>\n <th>{{ 'localization.language.name' | translate }}</th>\n <th>{{ 'localization.language.native.name' | translate }}</th>\n <th>{{ 'localization.language.direction' | translate }}</th>\n <th>{{ 'shared.status' | translate }}</th>\n <th class=\"w-[150px]\">{{ 'shared.actions' | translate }}</th>\n </tr>\n </ng-template>\n\n <ng-template #body let-lang>\n <tr>\n <td>\n <span class=\"uppercase font-semibold\">{{ lang.code }}</span>\n </td>\n <td>{{ lang.name }}</td>\n <td>{{ lang.nativeName || ('shared.na' | translate) }}</td>\n <td>\n <f-tag\n [value]=\"\n lang.direction === 'rtl'\n ? ('localization.language.rtl' | translate)\n : ('localization.language.ltr' | translate)\n \"\n [severity]=\"lang.direction === 'rtl' ? 'warn' : 'info'\"\n />\n </td>\n <td>\n <div class=\"flex gap-1 items-center\">\n <f-tag\n [value]=\"\n lang.isActive\n ? ('shared.active' | translate)\n : ('shared.inactive' | translate)\n \"\n [severity]=\"lang.isActive ? 'success' : 'secondary'\"\n />\n @if (lang.isDefault) {\n <f-tag\n [value]=\"'localization.language.default' | translate\"\n severity=\"contrast\"\n />\n }\n @if (lang.isReadonly) {\n <f-tag\n [value]=\"'shared.read.only' | translate\"\n severity=\"warn\"\n />\n }\n </div>\n </td>\n <td>\n <div class=\"flex gap-1\">\n @if (!lang.isDefault) {\n <button\n fButton\n *hasPermission=\"LANGUAGE_PERMISSIONS.UPDATE\"\n [text]=\"true\"\n size=\"small\"\n [fTooltip]=\"\n 'localization.language.set.default' | translate\n \"\n (click)=\"onSetDefault(lang)\"\n >\n <ui-icon pButtonIcon name=\"star\"></ui-icon>\n </button>\n }\n <button\n fButton\n *hasPermission=\"LANGUAGE_PERMISSIONS.UPDATE\"\n [text]=\"true\"\n severity=\"secondary\"\n size=\"small\"\n [fTooltip]=\"'shared.edit' | translate\"\n (click)=\"onEdit(lang.id)\"\n >\n <ui-icon pButtonIcon name=\"pencil\"></ui-icon>\n </button>\n <button\n fButton\n *hasPermission=\"LANGUAGE_PERMISSIONS.DELETE\"\n [text]=\"true\"\n severity=\"danger\"\n size=\"small\"\n [fTooltip]=\"\n (lang.isDefault\n ? 'localization.language.default.delete.forbidden'\n : lang.isReadonly\n ? 'localization.language.readonly.delete.forbidden'\n : 'shared.delete'\n ) | translate\n \"\n [disabled]=\"lang.isDefault || lang.isReadonly\"\n (click)=\"onDelete(lang)\"\n >\n <ui-icon pButtonIcon name=\"trash\"></ui-icon>\n </button>\n </div>\n </td>\n </tr>\n </ng-template>\n\n <ng-template #emptymessage>\n <tr>\n <td colspan=\"6\" class=\"text-center py-4 text-muted-color\">\n {{ 'localization.language.empty' | translate }}\n </td>\n </tr>\n </ng-template>\n </f-table>\n </div>\n </div>\n `,\n})\nexport class LanguageListPage implements OnInit {\n readonly LANGUAGE_PERMISSIONS = LANGUAGE_PERMISSIONS;\n\n private readonly router = inject(Router);\n readonly languageService = inject(LanguageApiService);\n private readonly confirmationService = inject(ConfirmationService);\n private readonly messageService = inject(MessageService);\n private readonly translateService = inject(TranslateService);\n private readonly destroyRef = inject(DestroyRef);\n\n ngOnInit(): void {\n this.languageService.fetchList('', {\n pagination: { currentPage: 0, pageSize: 100 },\n filter: {},\n sort: { serial: 'ASC', name: 'ASC' },\n });\n }\n\n onCreate(): void {\n this.router.navigate(['/localization/languages/new']);\n }\n\n onSearchChange(term: string): void {\n this.languageService.fetchList(term, {\n pagination: { currentPage: 0, pageSize: 100 },\n filter: {},\n sort: { serial: 'ASC', name: 'ASC' },\n });\n }\n\n onEdit(id: string): void {\n this.router.navigate(['/localization/languages', id]);\n }\n\n onSetDefault(lang: ILanguage): void {\n if (lang.isDefault) return;\n this.confirmationService.confirm({\n message: this.translateService.translate(\n 'localization.language.confirm.set.default',\n { name: lang.name },\n ),\n header: this.translateService.translate(\n 'localization.language.set.default',\n ),\n icon: 'star',\n accept: () => {\n this.languageService\n .setDefault(lang.id)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe({\n next: (response) => {\n if (response.success) {\n this.messageService.add({\n severity: 'success',\n summary: this.translateService.translate('shared.success'),\n detail: response.messageKey\n ? this.translateService.translate(\n response.messageKey,\n response.messageVariables as Record<\n string,\n string | number\n >,\n )\n : (response.message ?? ''),\n });\n this.languageService.reload();\n }\n },\n error: () => undefined,\n });\n },\n });\n }\n\n onDelete(lang: ILanguage): void {\n if (lang.isDefault || lang.isReadonly) return;\n this.confirmationService.confirm({\n message: this.translateService.translate('shared.confirm.delete'),\n header: this.translateService.translate(\n 'localization.language.delete.title',\n ),\n icon: 'exclamation-triangle',\n acceptButtonStyleClass: 'p-button-danger',\n accept: () => {\n from(this.languageService.delete({ id: lang.id, type: 'delete' }))\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe({\n next: (response) => {\n if (response.success) {\n this.messageService.add({\n severity: 'success',\n summary: this.translateService.translate('shared.success'),\n detail: response.messageKey\n ? this.translateService.translate(\n response.messageKey,\n response.messageVariables as Record<\n string,\n string | number\n >,\n )\n : (response.message ?? ''),\n });\n this.languageService.reload();\n }\n },\n error: () => undefined,\n });\n },\n });\n }\n}\n"],"mappings":"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"}
package/fesm2022/flusys-ng-localization-localization-container.page-CsrYVvth.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"flusys-ng-localization-localization-container.page-CsrYVvth.mjs","names":[],"sources":["../../../projects/ng-localization/pages/localization-container/localization-container.page.ts"],"sourcesContent":["import { Component, computed, inject } from '@angular/core';\nimport { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';\nimport {\n IconComponent,\n LANGUAGE_PERMISSIONS,\n PermissionValidatorService,\n TRANSLATION_KEY_PERMISSIONS,\n TranslatePipe,\n} from '@flusys/ng-shared';\n\ninterface ITab {\n id: string;\n labelKey: string;\n icon: string;\n route: string;\n permission: string;\n}\n\n@Component({\n selector: 'lib-localization-container',\n imports: [RouterOutlet, RouterLink, RouterLinkActive, TranslatePipe, IconComponent],\n styles: `\n .scrollbar-hide {\n -ms-overflow-style: none;\n scrollbar-width: none;\n &::-webkit-scrollbar { display: none; }\n }\n `,\n template: `\n <div class=\"p-2 sm:p-4\">\n <div class=\"mb-4\">\n <h1 class=\"text-xl sm:text-2xl font-bold m-0\">{{ 'localization.title' | translate }}</h1>\n <p class=\"text-muted-color mt-1 text-sm sm:text-base\">{{ 'localization.subtitle' | translate }}</p>\n </div>\n\n <div class=\"scrollbar-hide flex gap-1 mb-4 border-b border-surface overflow-x-auto flex-nowrap\">\n @for (tab of visibleTabs(); track tab.id) {\n <a\n [routerLink]=\"tab.route\"\n routerLinkActive=\"tab-active\"\n class=\"flex items-center gap-2 px-4 py-2 rounded-t-lg cursor-pointer transition-colors text-muted-color no-underline border-b-2 border-transparent -mb-px hover:bg-surface-hover [&.tab-active]:text-primary [&.tab-active]:border-primary [&.tab-active]:bg-surface-ground whitespace-nowrap shrink-0\"\n >\n <lib-icon [icon]=\"tab.icon\"></lib-icon>\n <span>{{ tab.labelKey | translate }}</span>\n </a>\n }\n </div>\n\n <router-outlet />\n </div>\n `,\n})\nexport class LocalizationContainerPage {\n private readonly permissionValidator = inject(PermissionValidatorService);\n\n private readonly allTabs: ITab[] = [\n {\n id: 'languages',\n labelKey: 'localization.tabs.languages',\n icon: 'globe',\n route: 'languages',\n permission: LANGUAGE_PERMISSIONS.READ,\n },\n {\n id: 'keys',\n labelKey: 'localization.tabs.keys',\n icon: 'key',\n route: 'keys',\n permission: TRANSLATION_KEY_PERMISSIONS.READ,\n },\n ];\n\n readonly visibleTabs = computed(() => {\n // Explicitly track permissions signal for reactivity\n const permissions = this.permissionValidator.permissions();\n if (!permissions.length) return [];\n return this.allTabs.filter((tab) => this.permissionValidator.hasPermission(tab.permission));\n });\n}\n"],"mappings":";;;;AAoDA,IAAa,4BAAb,MAAa,0BAAyB;CACnB,sBAAsB,OAAO,0BAA0B;CAEvD,UAAkB,CACjC;EACE,IAAI;EACJ,UAAU;EACV,MAAM;EACN,OAAO;EACP,YAAY,qBAAqB;CAClC,GACD;EACE,IAAI;EACJ,UAAU;EACV,MAAM;EACN,OAAO;EACP,YAAY,4BAA4B;CACzC,CACF;CAEQ,cAAc,eAAc;EAGnC,IAAI,CADgB,KAAK,oBAAoB,YACxC,CAAA,CAAY,QAAQ,OAAO,CAAA;EAChC,OAAO,KAAK,QAAQ,QAAQ,QAAQ,KAAK,oBAAoB,cAAc,IAAI,UAAU,CAAC;CAC5F,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAzBS,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAyB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAzB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAyB,cAAA;EAAA,UAAA;EAAA,UAAA;EAAA,UAxB1B;;;;;;;;;;;;;;;;;;;;;;;EAsBT,UAAA;EAAA,QAAA,CAAA,iHAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MA9BS;IAAY,UAAA;IAAA,QAAA,CAAA,QAAA,kBAAA;IAAA,SAAA;KAAA;KAAA;KAAA;KAAA;IAAA;IAAA,UAAA,CAAA,QAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAU,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAgB,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;IAAA;IAAA,SAAA,CAAA,gBAAA;IAAA,UAAA,CAAA,kBAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAiB;IAAa,UAAA;IAAA,QAAA,CAAA,QAAA,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAA5B;IAAa,MAAA;GAAA;EAAA;CAAA,CAAA;;AAgCxD,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAyB,YAAA,CAAA;EAlCrC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAA4B,SAC7B;IAAC;IAAc;IAAY;IAAkB;IAAe;GAAa;GAAC,UAQzE;;;;;;;;;;;;;;;;;;;;;;;GAsBT,QAAA,CAAA,iHAAA;EAAA,CAAA"}
1
+ {"version":3,"file":"flusys-ng-localization-localization-container.page-CsrYVvth.mjs","names":[],"sources":["../../../projects/ng-localization/pages/localization-container/localization-container.page.ts"],"sourcesContent":["import { Component, computed, inject } from '@angular/core';\nimport { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';\nimport {\n IconComponent,\n LANGUAGE_PERMISSIONS,\n PermissionValidatorService,\n TRANSLATION_KEY_PERMISSIONS,\n TranslatePipe,\n} from '@flusys/ng-shared';\n\ninterface ITab {\n id: string;\n labelKey: string;\n icon: string;\n route: string;\n permission: string;\n}\n\n@Component({\n selector: 'lib-localization-container',\n imports: [RouterOutlet, RouterLink, RouterLinkActive, TranslatePipe, IconComponent],\n styles: `\n .scrollbar-hide {\n -ms-overflow-style: none;\n scrollbar-width: none;\n &::-webkit-scrollbar { display: none; }\n }\n `,\n template: `\n <div class=\"p-2 sm:p-4\">\n <div class=\"mb-4\">\n <h1 class=\"text-xl sm:text-2xl font-bold m-0\">{{ 'localization.title' | translate }}</h1>\n <p class=\"text-muted-color mt-1 text-sm sm:text-base\">{{ 'localization.subtitle' | translate }}</p>\n </div>\n\n <div class=\"scrollbar-hide flex gap-1 mb-4 border-b border-surface overflow-x-auto flex-nowrap\">\n @for (tab of visibleTabs(); track tab.id) {\n <a\n [routerLink]=\"tab.route\"\n routerLinkActive=\"tab-active\"\n class=\"flex items-center gap-2 px-4 py-2 rounded-t-lg cursor-pointer transition-colors text-muted-color no-underline border-b-2 border-transparent -mb-px hover:bg-surface-hover [&.tab-active]:text-primary [&.tab-active]:border-primary [&.tab-active]:bg-surface-ground whitespace-nowrap shrink-0\"\n >\n <lib-icon [icon]=\"tab.icon\"></lib-icon>\n <span>{{ tab.labelKey | translate }}</span>\n </a>\n }\n </div>\n\n <router-outlet />\n </div>\n `,\n})\nexport class LocalizationContainerPage {\n private readonly permissionValidator = inject(PermissionValidatorService);\n\n private readonly allTabs: ITab[] = [\n {\n id: 'languages',\n labelKey: 'localization.tabs.languages',\n icon: 'globe',\n route: 'languages',\n permission: LANGUAGE_PERMISSIONS.READ,\n },\n {\n id: 'keys',\n labelKey: 'localization.tabs.keys',\n icon: 'key',\n route: 'keys',\n permission: TRANSLATION_KEY_PERMISSIONS.READ,\n },\n ];\n\n readonly visibleTabs = computed(() => {\n const permissions = this.permissionValidator.permissions();\n if (!permissions.length) return [];\n return this.allTabs.filter((tab) => this.permissionValidator.hasPermission(tab.permission));\n });\n}\n"],"mappings":";;;;AAoDA,IAAa,4BAAb,MAAa,0BAAyB;CACnB,sBAAsB,OAAO,0BAA0B;CAEvD,UAAkB,CACjC;EACE,IAAI;EACJ,UAAU;EACV,MAAM;EACN,OAAO;EACP,YAAY,qBAAqB;CAClC,GACD;EACE,IAAI;EACJ,UAAU;EACV,MAAM;EACN,OAAO;EACP,YAAY,4BAA4B;CACzC,CACF;CAEQ,cAAc,eAAc;EAEnC,IAAI,CADgB,KAAK,oBAAoB,YACxC,CAAA,CAAY,QAAQ,OAAO,CAAA;EAChC,OAAO,KAAK,QAAQ,QAAQ,QAAQ,KAAK,oBAAoB,cAAc,IAAI,UAAU,CAAC;CAC5F,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAxBS,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAyB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAzB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAyB,cAAA;EAAA,UAAA;EAAA,UAAA;EAAA,UAxB1B;;;;;;;;;;;;;;;;;;;;;;;EAsBT,UAAA;EAAA,QAAA,CAAA,iHAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MA9BS;IAAY,UAAA;IAAA,QAAA,CAAA,QAAA,kBAAA;IAAA,SAAA;KAAA;KAAA;KAAA;KAAA;IAAA;IAAA,UAAA,CAAA,QAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAU,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAgB,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;IAAA;IAAA,SAAA,CAAA,gBAAA;IAAA,UAAA,CAAA,kBAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAiB;IAAa,UAAA;IAAA,QAAA,CAAA,QAAA,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAA5B;IAAa,MAAA;GAAA;EAAA;CAAA,CAAA;;AAgCxD,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAyB,YAAA,CAAA;EAlCrC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAA4B,SAC7B;IAAC;IAAc;IAAY;IAAkB;IAAe;GAAa;GAAC,UAQzE;;;;;;;;;;;;;;;;;;;;;;;GAsBT,QAAA,CAAA,iHAAA;EAAA,CAAA"}
package/fesm2022/{flusys-ng-localization-translation-key-form.page-Dgn58Sh7.mjs → flusys-ng-localization-translation-key-form.page-BCkDs0tt.mjs} RENAMED
@@ -75,14 +75,17 @@ var TranslationKeyFormPage = class TranslationKeyFormPage {
75
75
  }
76
76
  })),
77
77
  modules: this.translationKeyService.getModules()
78
- }).pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.isLoadingLanguages.set(false))).subscribe({ next: ({ languages, modules }) => {
79
- if (languages.success && languages.data) {
80
- const activeLanguages = languages.data.filter((l) => l.isActive);
81
- this.languages.set(activeLanguages);
82
- this.initializeTranslations(activeLanguages);
83
- }
84
- if (modules.success && modules.data) this.modules.set(modules.data);
85
- } });
78
+ }).pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.isLoadingLanguages.set(false))).subscribe({
79
+ next: ({ languages, modules }) => {
80
+ if (languages.success && languages.data) {
81
+ const activeLanguages = languages.data.filter((l) => l.isActive);
82
+ this.languages.set(activeLanguages);
83
+ this.initializeTranslations(activeLanguages);
84
+ }
85
+ if (modules.success && modules.data) this.modules.set(modules.data);
86
+ },
87
+ error: () => void 0
88
+ });
86
89
  }
87
90
  initializeTranslations(languages) {
88
91
  if (this.translations().length === 0) this.translations.set(languages.map((lang) => ({
@@ -119,29 +122,33 @@ var TranslationKeyFormPage = class TranslationKeyFormPage {
119
122
  this.existingKey.set(response.data);
120
123
  this.formModel.set(this.toFormModel(response.data));
121
124
  this.loadExistingTranslations(id);
122
- }
125
+ } else this.router.navigate(["/localization/keys"]);
123
126
  },
124
127
  error: () => this.router.navigate(["/localization/keys"])
125
128
  });
126
129
  }
127
130
  loadExistingTranslations(keyId) {
128
- this.translationService.getByKeyId(keyId).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({ next: (response) => {
129
- if (response.success && response.data) this.translations.update((list) => {
130
- const updated = [...list];
131
- response.data.forEach((t) => {
132
- const existing = updated.find((tr) => tr.languageId === t.languageId);
133
- if (existing) {
134
- existing.value = t.value;
135
- existing.translationId = t.id;
136
- } else updated.push({
137
- languageId: t.languageId,
138
- value: t.value,
139
- translationId: t.id
131
+ this.translationService.getByKeyId(keyId).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
132
+ next: (response) => {
133
+ const data = response.success ? response.data : void 0;
134
+ if (!data) return;
135
+ this.translations.update((list) => {
136
+ const updated = [...list];
137
+ data.forEach((t) => {
138
+ const loaded = {
139
+ languageId: t.languageId,
140
+ value: t.value ?? "",
141
+ translationId: t.id
142
+ };
143
+ const index = updated.findIndex((tr) => tr.languageId === t.languageId);
144
+ if (index >= 0) updated[index] = loaded;
145
+ else updated.push(loaded);
140
146
  });
147
+ return updated;
141
148
  });
142
- return updated;
143
- });
144
- } });
149
+ },
150
+ error: () => void 0
151
+ });
145
152
  }
146
153
  toFormModel(key) {
147
154
  return {
@@ -153,25 +160,27 @@ var TranslationKeyFormPage = class TranslationKeyFormPage {
153
160
  };
154
161
  }
155
162
  onSubmit() {
156
- if (!this.isFormValid()) return;
163
+ if (!this.isFormValid() || this.isSaving()) return;
157
164
  this.isSaving.set(true);
158
165
  const model = this.formModel();
159
- const variables = model.variables.split(",").map((v) => v.trim()).filter((v) => v.length > 0);
166
+ const variables = Array.from(new Set(model.variables.split(",").map((v) => v.trim()).filter((v) => v.length > 0)));
160
167
  if (this.isEditMode()) this.updateKey(model, variables);
161
168
  else this.createKey(model, variables);
162
169
  }
163
170
  createKey(model, variables) {
164
171
  const createDto = {
165
- key: model.key,
166
- module: model.module,
172
+ key: model.key.trim(),
173
+ module: model.module.trim(),
167
174
  defaultMessage: model.defaultMessage,
168
175
  description: model.description || void 0,
169
176
  variables: variables.length > 0 ? variables : void 0
170
177
  };
171
178
  from(this.translationKeyService.insert(createDto)).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
172
179
  next: (response) => {
173
- if (response.success && response.data) this.saveTranslations(response.data.id, response.messageKey, response.messageVariables);
174
- else this.isSaving.set(false);
180
+ if (response.success && response.data) {
181
+ this.existingKey.set(response.data);
182
+ this.saveTranslations(response.data.id, response.messageKey, response.messageVariables);
183
+ } else this.isSaving.set(false);
175
184
  },
176
185
  error: () => this.isSaving.set(false)
177
186
  });
@@ -179,8 +188,8 @@ var TranslationKeyFormPage = class TranslationKeyFormPage {
179
188
  updateKey(model, variables) {
180
189
  const updateDto = {
181
190
  id: this.existingKey().id,
182
- key: model.key,
183
- module: model.module,
191
+ key: model.key.trim(),
192
+ module: model.module.trim(),
184
193
  defaultMessage: model.defaultMessage,
185
194
  description: model.description || void 0,
186
195
  variables: variables.length > 0 ? variables : void 0
@@ -207,7 +216,7 @@ var TranslationKeyFormPage = class TranslationKeyFormPage {
207
216
  }
208
217
  this.translationService.bulkUpdate(translationsToSave).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
209
218
  next: () => this.onSaveSuccess(messageKey, messageVariables),
210
- error: () => this.onSaveSuccess(messageKey, messageVariables)
219
+ error: () => this.isSaving.set(false)
211
220
  });
212
221
  }
213
222
  onSaveSuccess(messageKey, messageVariables) {
@@ -236,7 +245,6 @@ var TranslationKeyFormPage = class TranslationKeyFormPage {
236
245
  type: TranslationKeyFormPage,
237
246
  isStandalone: true,
238
247
  selector: "lib-translation-key-form-page",
239
- providers: [MessageService],
240
248
  ngImport: i0,
241
249
  template: `
242
250
  <f-card>
@@ -664,7 +672,6 @@ i0.ɵɵngDeclareClassMetadata({
664
672
  FormField,
665
673
  TranslatePipe
666
674
  ],
667
- providers: [MessageService],
668
675
  template: `
669
676
  <f-card>
670
677
  <ng-template #header>
@@ -862,4 +869,4 @@ i0.ɵɵngDeclareClassMetadata({
862
869
  });
863
870
  export { TranslationKeyFormPage };
864
871
 
865
- //# sourceMappingURL=flusys-ng-localization-translation-key-form.page-Dgn58Sh7.mjs.map
872
+ //# sourceMappingURL=flusys-ng-localization-translation-key-form.page-BCkDs0tt.mjs.map
package/fesm2022/flusys-ng-localization-translation-key-form.page-BCkDs0tt.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"flusys-ng-localization-translation-key-form.page-BCkDs0tt.mjs","names":[],"sources":["../../../projects/ng-localization/pages/translation-key-form/translation-key-form.page.ts"],"sourcesContent":["import {\n Component,\n computed,\n DestroyRef,\n effect,\n inject,\n OnInit,\n signal,\n} from '@angular/core';\nimport { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';\nimport { FormsModule } from '@angular/forms';\nimport { disabled, form, FormField, required } from '@angular/forms/signals';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport {\n CardComponent,\n FButtonDirective,\n InputTextDirective,\n MessageService,\n ProgressSpinnerComponent,\n SelectComponent,\n TagComponent,\n TextareaDirective,\n UiIconComponent,\n} from '@flusys/ng-ui';\nimport {\n TranslatePipe,\n TranslateService,\n} from '@flusys/ng-shared';\nimport { finalize, forkJoin, from } from 'rxjs';\nimport { ILanguage } from '../../interfaces/language.interface';\nimport {\n ICreateTranslationKeyDto,\n ITranslationKey,\n IUpdateTranslationKeyDto,\n} from '../../interfaces/translation-key.interface';\nimport { LanguageApiService } from '../../services/language-api.service';\nimport {\n IBulkUpdateTranslationDto,\n TranslationApiService,\n} from '../../services/translation-api.service';\nimport { TranslationKeyApiService } from '../../services/translation-key-api.service';\n\ninterface ITranslationValue {\n languageId: string;\n value: string;\n translationId?: string;\n}\n\ninterface ITranslationKeyFormModel {\n key: string;\n module: string;\n defaultMessage: string;\n description: string;\n variables: string;\n}\n\n@Component({\n selector: 'lib-translation-key-form-page',\n imports: [\n CardComponent,\n InputTextDirective,\n SelectComponent,\n TextareaDirective,\n ProgressSpinnerComponent,\n TagComponent,\n FButtonDirective,\n UiIconComponent,\n FormsModule,\n FormField,\n TranslatePipe,\n ],\n template: `\n <f-card>\n <ng-template #header>\n <div class=\"flex justify-between items-center p-4\">\n <h2 class=\"text-xl font-semibold m-0\">\n {{\n isEditMode()\n ? ('localization.key.edit' | translate)\n : ('localization.key.new' | translate)\n }}\n </h2>\n </div>\n </ng-template>\n\n <form (ngSubmit)=\"onSubmit()\" class=\"flex flex-col gap-6\">\n <!-- Key Info Section -->\n <div class=\"p-4 surface-ground rounded-lg\">\n <h4 class=\"font-semibold mt-0 mb-4\">\n {{ 'localization.key.about' | translate }}\n </h4>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <!-- Key Name -->\n <div class=\"flex flex-col gap-2\">\n <label for=\"key\" class=\"font-medium\"\n >{{ 'localization.key.name' | translate }} *</label\n >\n <input\n fInputText\n id=\"key\"\n [formField]=\"formTree.key\"\n [placeholder]=\"'localization.placeholder.key.name' | translate\"\n />\n </div>\n\n <!-- Module -->\n <div class=\"flex flex-col gap-2\">\n <label for=\"module\" class=\"font-medium\"\n >{{ 'localization.key.module' | translate }} *</label\n >\n <f-select\n id=\"module\"\n [ngModel]=\"formModel().module\"\n (ngModelChange)=\"updateModule($event)\"\n [ngModelOptions]=\"{ standalone: true }\"\n [options]=\"moduleOptions()\"\n optionLabel=\"label\"\n optionValue=\"value\"\n [editable]=\"true\"\n [disabled]=\"isReadonly()\"\n [placeholder]=\"'localization.key.select.module' | translate\"\n class=\"w-full\"\n />\n </div>\n\n @if (isReadonly()) {\n <div class=\"md:col-span-2 -mt-2\">\n <small class=\"text-muted-color\">{{\n 'localization.key.readonly.edit.hint' | translate\n }}</small>\n </div>\n }\n\n <!-- Default Message -->\n <div class=\"flex flex-col gap-2 md:col-span-2\">\n <label for=\"defaultMessage\" class=\"font-medium\"\n >{{ 'localization.key.default.message' | translate }} *</label\n >\n <textarea\n fTextarea\n id=\"defaultMessage\"\n [formField]=\"formTree.defaultMessage\"\n [rows]=\"2\"\n [placeholder]=\"\n 'localization.placeholder.default.message' | translate\n \"\n ></textarea>\n </div>\n\n <!-- Description -->\n <div class=\"flex flex-col gap-2 md:col-span-2\">\n <label for=\"description\" class=\"font-medium\">{{\n 'localization.key.description' | translate\n }}</label>\n <input\n fInputText\n id=\"description\"\n [formField]=\"formTree.description\"\n [placeholder]=\"\n 'localization.placeholder.key.description' | translate\n \"\n />\n </div>\n\n <!-- Variables -->\n <div class=\"flex flex-col gap-2 md:col-span-2\">\n <label for=\"variables\" class=\"font-medium\">{{\n 'localization.key.variables' | translate\n }}</label>\n <input\n fInputText\n id=\"variables\"\n [formField]=\"formTree.variables\"\n [placeholder]=\"\n 'localization.key.variables.placeholder' | translate\n \"\n />\n <small class=\"text-muted-color\">{{\n 'localization.key.variables.hint' | translate\n }}</small>\n </div>\n </div>\n </div>\n\n <!-- Translations Section -->\n <div class=\"p-4 surface-ground rounded-lg\">\n <h4 class=\"font-semibold mt-0 mb-4\">\n {{ 'localization.key.translations.section' | translate }}\n </h4>\n @if (isLoadingLanguages()) {\n <div class=\"flex justify-center py-4\">\n <f-progressspinner strokeWidth=\"4\" />\n </div>\n } @else if (languages().length === 0) {\n <p class=\"text-muted-color text-center py-4\">\n {{ 'localization.key.no.languages' | translate }}\n </p>\n } @else {\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n @for (lang of languages(); track lang.id) {\n <div class=\"flex flex-col gap-2\">\n <div class=\"flex justify-between items-center\">\n <label class=\"font-medium\">\n {{ lang.name }}\n @if (lang.nativeName && lang.nativeName !== lang.name) {\n <span class=\"text-muted-color\"\n >({{ lang.nativeName }})</span\n >\n }\n </label>\n <f-tag\n [value]=\"lang.code\"\n severity=\"secondary\"\n class=\"uppercase\"\n />\n </div>\n <textarea\n fTextarea\n [ngModel]=\"getTranslationValue(lang.id)\"\n (ngModelChange)=\"setTranslationValue(lang.id, $event)\"\n [ngModelOptions]=\"{ standalone: true }\"\n [rows]=\"2\"\n [placeholder]=\"\n formModel().defaultMessage ||\n ('localization.key.enter.translation' | translate)\n \"\n ></textarea>\n </div>\n }\n </div>\n }\n </div>\n\n <!-- Actions -->\n <div class=\"flex justify-end gap-4 pt-4\">\n <button\n fButton\n type=\"button\"\n severity=\"secondary\"\n [outlined]=\"true\"\n (click)=\"onCancel()\"\n >\n <span pButtonLabel>{{ 'shared.cancel' | translate }}</span>\n </button>\n <button\n fButton\n type=\"submit\"\n [disabled]=\"!isFormValid() || isSaving()\"\n >\n @if (isSaving()) {\n <ui-icon pButtonIcon name=\"spinner\" [spin]=\"true\"></ui-icon>\n }\n <span pButtonLabel>{{ \n isEditMode()\n ? ('shared.update' | translate)\n : ('shared.create' | translate)\n }}</span>\n </button>\n </div>\n </form>\n </f-card>\n `,\n})\nexport class TranslationKeyFormPage implements OnInit {\n private readonly router = inject(Router);\n private readonly route = inject(ActivatedRoute);\n private readonly languageService = inject(LanguageApiService);\n private readonly translationKeyService = inject(TranslationKeyApiService);\n private readonly translationService = inject(TranslationApiService);\n private readonly messageService = inject(MessageService);\n private readonly translateAdapter = inject(TranslateService, {\n optional: true,\n });\n private readonly destroyRef = inject(DestroyRef);\n\n private readonly routeParams = toSignal(this.route.paramMap);\n private loadTriggered = false;\n\n readonly isSaving = signal(false);\n readonly isLoadingLanguages = signal(false);\n readonly existingKey = signal<ITranslationKey | null>(null);\n readonly isEditMode = computed(() => !!this.existingKey());\n readonly isReadonly = computed(() => this.existingKey()?.isReadonly ?? false);\n readonly languages = signal<ILanguage[]>([]);\n readonly modules = signal<string[]>([]);\n readonly translations = signal<ITranslationValue[]>([]);\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 readonly moduleOptions = computed(() =>\n this.modules().map((m) => ({ label: m, value: m })),\n );\n\n readonly formModel = signal<ITranslationKeyFormModel>({\n key: '',\n module: '',\n defaultMessage: '',\n description: '',\n variables: '',\n });\n\n readonly formTree = form(this.formModel, (f) => {\n required(f.key, {\n message: this.translate('localization.validation.key.required'),\n });\n required(f.defaultMessage, {\n message: this.translate(\n 'localization.validation.default.message.required',\n ),\n });\n disabled(f.key, { when: () => this.isReadonly() });\n });\n\n readonly isFormValid = computed(() => {\n const model = this.formModel();\n return (\n model.key.trim().length > 0 &&\n model.module.trim().length > 0 &&\n model.defaultMessage.trim().length > 0\n );\n });\n\n constructor() {\n effect(() => {\n const params = this.routeParams();\n if (!params || this.loadTriggered) return;\n\n this.loadTriggered = true;\n const id = params.get('id');\n if (id && id !== 'new') {\n this.loadTranslationKey(id);\n }\n });\n }\n\n ngOnInit(): void {\n this.isLoadingLanguages.set(true);\n\n forkJoin({\n languages: from(\n this.languageService.getAll({\n pagination: { currentPage: 0, pageSize: 100 },\n filter: {},\n sort: { serial: 'ASC', name: 'ASC' },\n }),\n ),\n modules: this.translationKeyService.getModules(),\n })\n .pipe(\n takeUntilDestroyed(this.destroyRef),\n finalize(() => this.isLoadingLanguages.set(false)),\n )\n .subscribe({\n next: ({ languages, modules }) => {\n if (languages.success && languages.data) {\n const activeLanguages = languages.data.filter((l) => l.isActive);\n this.languages.set(activeLanguages);\n this.initializeTranslations(activeLanguages);\n }\n if (modules.success && modules.data) {\n this.modules.set(modules.data);\n }\n },\n error: () => undefined,\n });\n }\n\n initializeTranslations(languages: ILanguage[]): void {\n const current = this.translations();\n if (current.length === 0) {\n this.translations.set(\n languages.map((lang) => ({ languageId: lang.id, value: '' })),\n );\n }\n }\n\n updateModule(value: string): void {\n this.formModel.update((m) => ({ ...m, module: value ?? '' }));\n }\n\n getTranslationValue(languageId: string): string {\n return (\n this.translations().find((t) => t.languageId === languageId)?.value ?? ''\n );\n }\n\n setTranslationValue(languageId: string, value: string): void {\n this.translations.update((list) => {\n const existing = list.find((t) => t.languageId === languageId);\n if (existing) {\n return list.map((t) =>\n t.languageId === languageId ? { ...t, value } : t,\n );\n }\n return [...list, { languageId, value }];\n });\n }\n\n loadTranslationKey(id: string): void {\n this.isSaving.set(true);\n from(this.translationKeyService.findById(id))\n .pipe(\n takeUntilDestroyed(this.destroyRef),\n finalize(() => this.isSaving.set(false)),\n )\n .subscribe({\n next: (response) => {\n if (response.success && response.data) {\n this.existingKey.set(response.data);\n this.formModel.set(this.toFormModel(response.data));\n this.loadExistingTranslations(id);\n } else {\n this.router.navigate(['/localization/keys']);\n }\n },\n error: () => this.router.navigate(['/localization/keys']),\n });\n }\n\n loadExistingTranslations(keyId: string): void {\n this.translationService\n .getByKeyId(keyId)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe({\n next: (response) => {\n const data = response.success ? response.data : undefined;\n if (!data) return;\n this.translations.update((list) => {\n const updated = [...list];\n data.forEach((t) => {\n const loaded = {\n languageId: t.languageId,\n value: t.value ?? '',\n translationId: t.id,\n };\n const index = updated.findIndex(\n (tr) => tr.languageId === t.languageId,\n );\n if (index >= 0) {\n updated[index] = loaded;\n } else {\n updated.push(loaded);\n }\n });\n return updated;\n });\n },\n error: () => undefined,\n });\n }\n\n private toFormModel(key: ITranslationKey): ITranslationKeyFormModel {\n return {\n key: key.key,\n module: key.module,\n defaultMessage: key.defaultMessage,\n description: key.description ?? '',\n variables: key.variables?.join(', ') ?? '',\n };\n }\n\n onSubmit(): void {\n if (!this.isFormValid() || this.isSaving()) return;\n\n this.isSaving.set(true);\n const model = this.formModel();\n\n const variables = Array.from(\n new Set(\n model.variables\n .split(',')\n .map((v) => v.trim())\n .filter((v) => v.length > 0),\n ),\n );\n\n if (this.isEditMode()) {\n this.updateKey(model, variables);\n } else {\n this.createKey(model, variables);\n }\n }\n\n private createKey(\n model: ITranslationKeyFormModel,\n variables: string[],\n ): void {\n const createDto: ICreateTranslationKeyDto = {\n key: model.key.trim(),\n module: model.module.trim(),\n defaultMessage: model.defaultMessage,\n description: model.description || undefined,\n variables: variables.length > 0 ? variables : undefined,\n };\n\n from(this.translationKeyService.insert(createDto))\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe({\n next: (response) => {\n if (response.success && response.data) {\n this.existingKey.set(response.data);\n this.saveTranslations(\n response.data.id,\n response.messageKey,\n response.messageVariables as Record<string, string | number>,\n );\n } else {\n this.isSaving.set(false);\n }\n },\n error: () => this.isSaving.set(false),\n });\n }\n\n private updateKey(\n model: ITranslationKeyFormModel,\n variables: string[],\n ): void {\n const updateDto: IUpdateTranslationKeyDto = {\n id: this.existingKey()!.id,\n key: model.key.trim(),\n module: model.module.trim(),\n defaultMessage: model.defaultMessage,\n description: model.description || undefined,\n variables: variables.length > 0 ? variables : undefined,\n };\n\n from(this.translationKeyService.update(updateDto))\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe({\n next: (response) => {\n if (response.success) {\n this.saveTranslations(\n this.existingKey()!.id,\n response.messageKey,\n response.messageVariables as Record<string, string | number>,\n );\n } else {\n this.isSaving.set(false);\n }\n },\n error: () => this.isSaving.set(false),\n });\n }\n\n private saveTranslations(\n keyId: string,\n messageKey?: string,\n messageVariables?: Record<string, string | number>,\n ): void {\n const translationsToSave: IBulkUpdateTranslationDto[] = this.translations()\n .filter((t) => t.value?.trim())\n .map((t) => ({\n id: t.translationId,\n languageId: t.languageId,\n translationKeyId: keyId,\n value: t.value,\n isVerified: false,\n }));\n\n if (translationsToSave.length === 0) {\n this.onSaveSuccess(messageKey, messageVariables);\n return;\n }\n\n this.translationService\n .bulkUpdate(translationsToSave)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe({\n next: () => this.onSaveSuccess(messageKey, messageVariables),\n error: () => this.isSaving.set(false),\n });\n }\n\n private onSaveSuccess(\n messageKey?: string,\n messageVariables?: Record<string, string | number>,\n ): void {\n this.messageService.add({\n severity: 'success',\n summary: this.translate('shared.success'),\n detail: messageKey ? this.translate(messageKey, messageVariables) : '',\n });\n this.isSaving.set(false);\n this.router.navigate(['/localization/keys']);\n }\n\n onCancel(): void {\n this.router.navigate(['/localization/keys']);\n }\n}\n"],"mappings":"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"}