@es.framework/ng.ui.core 2.0.58
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.
- package/README.md +3 -0
- package/attachments/README.md +3 -0
- package/base-crud/README.md +3 -0
- package/breadcrumb/README.md +3 -0
- package/checkbox/README.md +3 -0
- package/collapsible/README.md +3 -0
- package/color-picker/README.md +3 -0
- package/column-settings-popover/README.md +3 -0
- package/custom-switch/README.md +3 -0
- package/datepicker/README.md +3 -0
- package/deactivation-reason/README.md +3 -0
- package/excel-import/README.md +3 -0
- package/fesm2022/es.framework-ng.ui.core-attachments.mjs +217 -0
- package/fesm2022/es.framework-ng.ui.core-attachments.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-base-crud.mjs +370 -0
- package/fesm2022/es.framework-ng.ui.core-base-crud.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-breadcrumb.mjs +145 -0
- package/fesm2022/es.framework-ng.ui.core-breadcrumb.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-checkbox.mjs +131 -0
- package/fesm2022/es.framework-ng.ui.core-checkbox.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-collapsible.mjs +90 -0
- package/fesm2022/es.framework-ng.ui.core-collapsible.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-color-picker.mjs +87 -0
- package/fesm2022/es.framework-ng.ui.core-color-picker.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-column-settings-popover.mjs +183 -0
- package/fesm2022/es.framework-ng.ui.core-column-settings-popover.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-custom-switch.mjs +119 -0
- package/fesm2022/es.framework-ng.ui.core-custom-switch.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-datepicker.mjs +519 -0
- package/fesm2022/es.framework-ng.ui.core-datepicker.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-deactivation-reason.mjs +144 -0
- package/fesm2022/es.framework-ng.ui.core-deactivation-reason.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-excel-import.mjs +566 -0
- package/fesm2022/es.framework-ng.ui.core-excel-import.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-filter-templates.mjs +386 -0
- package/fesm2022/es.framework-ng.ui.core-filter-templates.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-form-button.mjs +62 -0
- package/fesm2022/es.framework-ng.ui.core-form-button.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-form-field.mjs +155 -0
- package/fesm2022/es.framework-ng.ui.core-form-field.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-form-template.mjs +37 -0
- package/fesm2022/es.framework-ng.ui.core-form-template.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-formly-avatar-image.mjs +132 -0
- package/fesm2022/es.framework-ng.ui.core-formly-avatar-image.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-formly-avatar-label.mjs +89 -0
- package/fesm2022/es.framework-ng.ui.core-formly-avatar-label.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-formly-button-selector.mjs +195 -0
- package/fesm2022/es.framework-ng.ui.core-formly-button-selector.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-formly-button.mjs +73 -0
- package/fesm2022/es.framework-ng.ui.core-formly-button.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-formly-presets.mjs +201 -0
- package/fesm2022/es.framework-ng.ui.core-formly-presets.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-formly-prime-icon-picker.mjs +542 -0
- package/fesm2022/es.framework-ng.ui.core-formly-prime-icon-picker.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-formly-split-button.mjs +62 -0
- package/fesm2022/es.framework-ng.ui.core-formly-split-button.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-formly-ui-all.mjs +422 -0
- package/fesm2022/es.framework-ng.ui.core-formly-ui-all.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-formly-ui.mjs +48 -0
- package/fesm2022/es.framework-ng.ui.core-formly-ui.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-formly-username-with-domain.mjs +85 -0
- package/fesm2022/es.framework-ng.ui.core-formly-username-with-domain.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-generic-assets.mjs +22 -0
- package/fesm2022/es.framework-ng.ui.core-generic-assets.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-generic-autocomplete.mjs +173 -0
- package/fesm2022/es.framework-ng.ui.core-generic-autocomplete.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-generic-button.mjs +150 -0
- package/fesm2022/es.framework-ng.ui.core-generic-button.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-generic-card.mjs +218 -0
- package/fesm2022/es.framework-ng.ui.core-generic-card.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-generic-crud-table.mjs +929 -0
- package/fesm2022/es.framework-ng.ui.core-generic-crud-table.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-generic-dialog.mjs +321 -0
- package/fesm2022/es.framework-ng.ui.core-generic-dialog.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-generic-errormessage.mjs +35 -0
- package/fesm2022/es.framework-ng.ui.core-generic-errormessage.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-generic-formly-fields.mjs +63 -0
- package/fesm2022/es.framework-ng.ui.core-generic-formly-fields.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-generic-loadingspinner.mjs +34 -0
- package/fesm2022/es.framework-ng.ui.core-generic-loadingspinner.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-generic-report-tabs.mjs +196 -0
- package/fesm2022/es.framework-ng.ui.core-generic-report-tabs.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-generic-report.mjs +556 -0
- package/fesm2022/es.framework-ng.ui.core-generic-report.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-generic-search-advanced.mjs +2995 -0
- package/fesm2022/es.framework-ng.ui.core-generic-search-advanced.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-generic-search.mjs +103 -0
- package/fesm2022/es.framework-ng.ui.core-generic-search.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-generic-selector.mjs +684 -0
- package/fesm2022/es.framework-ng.ui.core-generic-selector.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-generic-table.mjs +388 -0
- package/fesm2022/es.framework-ng.ui.core-generic-table.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-generic-view.mjs +465 -0
- package/fesm2022/es.framework-ng.ui.core-generic-view.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-header-wrapper.mjs +31 -0
- package/fesm2022/es.framework-ng.ui.core-header-wrapper.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-icon-picker.mjs +205 -0
- package/fesm2022/es.framework-ng.ui.core-icon-picker.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-input-switch.mjs +102 -0
- package/fesm2022/es.framework-ng.ui.core-input-switch.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-input-with-icon.mjs +67 -0
- package/fesm2022/es.framework-ng.ui.core-input-with-icon.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-input.mjs +250 -0
- package/fesm2022/es.framework-ng.ui.core-input.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-label-type.mjs +184 -0
- package/fesm2022/es.framework-ng.ui.core-label-type.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-loading-skeletons.mjs +66 -0
- package/fesm2022/es.framework-ng.ui.core-loading-skeletons.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-odata-query-builder.mjs +307 -0
- package/fesm2022/es.framework-ng.ui.core-odata-query-builder.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-query-type.mjs +162 -0
- package/fesm2022/es.framework-ng.ui.core-query-type.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-radio.mjs +120 -0
- package/fesm2022/es.framework-ng.ui.core-radio.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-repeat.mjs +290 -0
- package/fesm2022/es.framework-ng.ui.core-repeat.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-select.mjs +179 -0
- package/fesm2022/es.framework-ng.ui.core-select.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-sidebar-cards.mjs +52 -0
- package/fesm2022/es.framework-ng.ui.core-sidebar-cards.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-sidebar-toggles.mjs +53 -0
- package/fesm2022/es.framework-ng.ui.core-sidebar-toggles.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-tabs.mjs +57 -0
- package/fesm2022/es.framework-ng.ui.core-tabs.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-tag-type.mjs +209 -0
- package/fesm2022/es.framework-ng.ui.core-tag-type.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-text-editor.mjs +58 -0
- package/fesm2022/es.framework-ng.ui.core-text-editor.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-textarea.mjs +93 -0
- package/fesm2022/es.framework-ng.ui.core-textarea.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core-wrappers.mjs +245 -0
- package/fesm2022/es.framework-ng.ui.core-wrappers.mjs.map +1 -0
- package/fesm2022/es.framework-ng.ui.core.mjs +20 -0
- package/fesm2022/es.framework-ng.ui.core.mjs.map +1 -0
- package/filter-templates/README.md +3 -0
- package/form-button/README.md +3 -0
- package/form-field/README.md +3 -0
- package/form-template/README.md +3 -0
- package/formly-avatar-image/README.md +3 -0
- package/formly-avatar-label/README.md +3 -0
- package/formly-button/README.md +3 -0
- package/formly-button-selector/README.md +3 -0
- package/formly-presets/README.md +3 -0
- package/formly-prime-icon-picker/README.md +3 -0
- package/formly-split-button/README.md +3 -0
- package/formly-ui/README.md +3 -0
- package/formly-ui-all/README.md +3 -0
- package/formly-username-with-domain/README.md +3 -0
- package/generic-assets/README.md +3 -0
- package/generic-autocomplete/README.md +3 -0
- package/generic-button/README.md +3 -0
- package/generic-card/README.md +3 -0
- package/generic-crud-table/README.md +3 -0
- package/generic-dialog/README.md +3 -0
- package/generic-errormessage/README.md +3 -0
- package/generic-formly-fields/README.md +3 -0
- package/generic-loadingspinner/README.md +3 -0
- package/generic-report/README.md +3 -0
- package/generic-report-tabs/README.md +0 -0
- package/generic-search/README.md +3 -0
- package/generic-search-advanced/README.md +3 -0
- package/generic-selector/README.md +3 -0
- package/generic-table/README.md +3 -0
- package/generic-view/README.md +3 -0
- package/header-wrapper/README.md +3 -0
- package/icon-picker/README.md +3 -0
- package/input/README.md +3 -0
- package/input-switch/README.md +3 -0
- package/input-with-icon/README.md +3 -0
- package/label-type/README.md +3 -0
- package/loading-skeletons/README.md +3 -0
- package/odata-query-builder/README.md +3 -0
- package/package.json +264 -0
- package/query-type/README.md +3 -0
- package/radio/README.md +3 -0
- package/repeat/README.md +3 -0
- package/select/README.md +3 -0
- package/sidebar-cards/README.md +3 -0
- package/sidebar-toggles/README.md +3 -0
- package/styles.css +2 -0
- package/tabs/README.md +3 -0
- package/tag-type/README.md +3 -0
- package/text-editor/README.md +3 -0
- package/textarea/README.md +3 -0
- package/types/es.framework-ng.ui.core-attachments.d.ts +38 -0
- package/types/es.framework-ng.ui.core-base-crud.d.ts +74 -0
- package/types/es.framework-ng.ui.core-breadcrumb.d.ts +17 -0
- package/types/es.framework-ng.ui.core-checkbox.d.ts +33 -0
- package/types/es.framework-ng.ui.core-collapsible.d.ts +18 -0
- package/types/es.framework-ng.ui.core-color-picker.d.ts +16 -0
- package/types/es.framework-ng.ui.core-column-settings-popover.d.ts +46 -0
- package/types/es.framework-ng.ui.core-custom-switch.d.ts +19 -0
- package/types/es.framework-ng.ui.core-datepicker.d.ts +23 -0
- package/types/es.framework-ng.ui.core-deactivation-reason.d.ts +32 -0
- package/types/es.framework-ng.ui.core-excel-import.d.ts +69 -0
- package/types/es.framework-ng.ui.core-filter-templates.d.ts +57 -0
- package/types/es.framework-ng.ui.core-form-button.d.ts +17 -0
- package/types/es.framework-ng.ui.core-form-field.d.ts +30 -0
- package/types/es.framework-ng.ui.core-form-template.d.ts +16 -0
- package/types/es.framework-ng.ui.core-formly-avatar-image.d.ts +18 -0
- package/types/es.framework-ng.ui.core-formly-avatar-label.d.ts +36 -0
- package/types/es.framework-ng.ui.core-formly-button-selector.d.ts +35 -0
- package/types/es.framework-ng.ui.core-formly-button.d.ts +20 -0
- package/types/es.framework-ng.ui.core-formly-presets.d.ts +37 -0
- package/types/es.framework-ng.ui.core-formly-prime-icon-picker.d.ts +45 -0
- package/types/es.framework-ng.ui.core-formly-split-button.d.ts +23 -0
- package/types/es.framework-ng.ui.core-formly-ui-all.d.ts +40 -0
- package/types/es.framework-ng.ui.core-formly-ui.d.ts +13 -0
- package/types/es.framework-ng.ui.core-formly-username-with-domain.d.ts +19 -0
- package/types/es.framework-ng.ui.core-generic-assets.d.ts +10 -0
- package/types/es.framework-ng.ui.core-generic-autocomplete.d.ts +41 -0
- package/types/es.framework-ng.ui.core-generic-button.d.ts +39 -0
- package/types/es.framework-ng.ui.core-generic-card.d.ts +93 -0
- package/types/es.framework-ng.ui.core-generic-crud-table.d.ts +293 -0
- package/types/es.framework-ng.ui.core-generic-dialog.d.ts +93 -0
- package/types/es.framework-ng.ui.core-generic-errormessage.d.ts +17 -0
- package/types/es.framework-ng.ui.core-generic-formly-fields.d.ts +26 -0
- package/types/es.framework-ng.ui.core-generic-loadingspinner.d.ts +16 -0
- package/types/es.framework-ng.ui.core-generic-report-tabs.d.ts +21 -0
- package/types/es.framework-ng.ui.core-generic-report.d.ts +121 -0
- package/types/es.framework-ng.ui.core-generic-search-advanced.d.ts +305 -0
- package/types/es.framework-ng.ui.core-generic-search.d.ts +36 -0
- package/types/es.framework-ng.ui.core-generic-selector.d.ts +99 -0
- package/types/es.framework-ng.ui.core-generic-table.d.ts +84 -0
- package/types/es.framework-ng.ui.core-generic-view.d.ts +97 -0
- package/types/es.framework-ng.ui.core-header-wrapper.d.ts +15 -0
- package/types/es.framework-ng.ui.core-icon-picker.d.ts +30 -0
- package/types/es.framework-ng.ui.core-input-switch.d.ts +16 -0
- package/types/es.framework-ng.ui.core-input-with-icon.d.ts +17 -0
- package/types/es.framework-ng.ui.core-input.d.ts +47 -0
- package/types/es.framework-ng.ui.core-label-type.d.ts +38 -0
- package/types/es.framework-ng.ui.core-loading-skeletons.d.ts +17 -0
- package/types/es.framework-ng.ui.core-odata-query-builder.d.ts +87 -0
- package/types/es.framework-ng.ui.core-query-type.d.ts +37 -0
- package/types/es.framework-ng.ui.core-radio.d.ts +38 -0
- package/types/es.framework-ng.ui.core-repeat.d.ts +31 -0
- package/types/es.framework-ng.ui.core-select.d.ts +42 -0
- package/types/es.framework-ng.ui.core-sidebar-cards.d.ts +25 -0
- package/types/es.framework-ng.ui.core-sidebar-toggles.d.ts +25 -0
- package/types/es.framework-ng.ui.core-tabs.d.ts +17 -0
- package/types/es.framework-ng.ui.core-tag-type.d.ts +34 -0
- package/types/es.framework-ng.ui.core-text-editor.d.ts +16 -0
- package/types/es.framework-ng.ui.core-textarea.d.ts +36 -0
- package/types/es.framework-ng.ui.core-wrappers.d.ts +36 -0
- package/types/es.framework-ng.ui.core.d.ts +8 -0
- package/wrappers/README.md +3 -0
|
@@ -0,0 +1,566 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { NgModule, EventEmitter, inject, Output, Input, Component } from '@angular/core';
|
|
3
|
+
import * as i2 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import * as i3 from '@angular/forms';
|
|
6
|
+
import { FormBuilder, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
|
|
7
|
+
import { RestService, LocalizationService, EnvironmentService } from '@es.framework/ng.core/services';
|
|
8
|
+
import { FormlyForm } from '@ngx-formly/core';
|
|
9
|
+
import { TranslatePipe } from '@es.framework/ng.core/pipes';
|
|
10
|
+
import * as i4 from 'primeng/button';
|
|
11
|
+
import { ButtonModule } from 'primeng/button';
|
|
12
|
+
import * as i1 from 'primeng/dynamicdialog';
|
|
13
|
+
import { Subject, takeUntil } from 'rxjs';
|
|
14
|
+
import * as i5 from 'primeng/fileupload';
|
|
15
|
+
import { FileUploadModule } from 'primeng/fileupload';
|
|
16
|
+
import * as i6 from 'primeng/steps';
|
|
17
|
+
import { StepsModule } from 'primeng/steps';
|
|
18
|
+
import { MessageService } from 'primeng/api';
|
|
19
|
+
import * as i7 from 'primeng/toast';
|
|
20
|
+
import { ToastModule } from 'primeng/toast';
|
|
21
|
+
import { read, utils } from 'xlsx';
|
|
22
|
+
|
|
23
|
+
class ExcelImportModule {
|
|
24
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ExcelImportModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
25
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: ExcelImportModule, imports: [CommonModule] });
|
|
26
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ExcelImportModule, imports: [CommonModule] });
|
|
27
|
+
}
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ExcelImportModule, decorators: [{
|
|
29
|
+
type: NgModule,
|
|
30
|
+
args: [{
|
|
31
|
+
imports: [CommonModule],
|
|
32
|
+
}]
|
|
33
|
+
}] });
|
|
34
|
+
|
|
35
|
+
class ExcelImportComponent {
|
|
36
|
+
ref;
|
|
37
|
+
dialogConfig;
|
|
38
|
+
config;
|
|
39
|
+
importComplete = new EventEmitter();
|
|
40
|
+
importError = new EventEmitter();
|
|
41
|
+
form;
|
|
42
|
+
model = {};
|
|
43
|
+
loading = false;
|
|
44
|
+
uploadedFileName = null;
|
|
45
|
+
uploadError = null;
|
|
46
|
+
excelHeaders = [];
|
|
47
|
+
destroy$ = new Subject();
|
|
48
|
+
restService = inject(RestService);
|
|
49
|
+
messageService = inject(MessageService);
|
|
50
|
+
translateService = inject(LocalizationService);
|
|
51
|
+
fb = inject(FormBuilder);
|
|
52
|
+
env = inject(EnvironmentService);
|
|
53
|
+
steps = [
|
|
54
|
+
{ label: this.translateService.instant('uploadFile') },
|
|
55
|
+
{ label: this.translateService.instant('columnMapping') },
|
|
56
|
+
{ label: this.translateService.instant('review') },
|
|
57
|
+
];
|
|
58
|
+
activeStep = 0;
|
|
59
|
+
mappingFields = [];
|
|
60
|
+
constructor(ref, dialogConfig) {
|
|
61
|
+
this.ref = ref;
|
|
62
|
+
this.dialogConfig = dialogConfig;
|
|
63
|
+
this.form = this.fb.group({});
|
|
64
|
+
// Initialize from dialog config if provided
|
|
65
|
+
if (this.dialogConfig?.data?.config) {
|
|
66
|
+
this.config = this.dialogConfig.data.config;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
ngOnInit() {
|
|
70
|
+
if (!this.config) {
|
|
71
|
+
throw new Error('ExcelImportConfig is required');
|
|
72
|
+
}
|
|
73
|
+
this.mappingFields = this.config.mappingFields.map(field => ({
|
|
74
|
+
...field,
|
|
75
|
+
props: {
|
|
76
|
+
...field.props,
|
|
77
|
+
options: []
|
|
78
|
+
}
|
|
79
|
+
}));
|
|
80
|
+
this.steps = this.config.steps || this.steps;
|
|
81
|
+
}
|
|
82
|
+
nextStep() {
|
|
83
|
+
if (this.activeStep < 2)
|
|
84
|
+
this.activeStep++;
|
|
85
|
+
}
|
|
86
|
+
prevStep() {
|
|
87
|
+
if (this.activeStep > 0)
|
|
88
|
+
this.activeStep--;
|
|
89
|
+
}
|
|
90
|
+
canProceed() {
|
|
91
|
+
switch (this.activeStep) {
|
|
92
|
+
case 0:
|
|
93
|
+
return !!this.uploadedFileName;
|
|
94
|
+
case 1:
|
|
95
|
+
return this.form.valid;
|
|
96
|
+
case 2:
|
|
97
|
+
return true;
|
|
98
|
+
default:
|
|
99
|
+
return false;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
getModelValue(field, model) {
|
|
103
|
+
if (!field.key)
|
|
104
|
+
return null;
|
|
105
|
+
if (Array.isArray(field.key)) {
|
|
106
|
+
// Walk through nested keys like ['address', 'street']
|
|
107
|
+
return field.key.reduce((acc, k) => (acc ? acc[k] : undefined), model);
|
|
108
|
+
}
|
|
109
|
+
return model[field.key];
|
|
110
|
+
}
|
|
111
|
+
// Add this property to store the file content
|
|
112
|
+
fileContent = null;
|
|
113
|
+
// Update the onFileUpload method to store the file content
|
|
114
|
+
onFileUpload(event) {
|
|
115
|
+
this.uploadError = null;
|
|
116
|
+
const file = event.files[0];
|
|
117
|
+
if (!file) {
|
|
118
|
+
this.uploadError = 'noFileSelected';
|
|
119
|
+
return;
|
|
120
|
+
}
|
|
121
|
+
// Validate file type
|
|
122
|
+
const validExtensions = ['.xlsx', '.xls', '.csv'];
|
|
123
|
+
const fileExtension = file.name.toLowerCase().substring(file.name.lastIndexOf('.'));
|
|
124
|
+
if (!validExtensions.includes(fileExtension)) {
|
|
125
|
+
this.uploadError = 'invalidFileType';
|
|
126
|
+
this.clearFileUpload(event);
|
|
127
|
+
return;
|
|
128
|
+
}
|
|
129
|
+
this.uploadedFileName = file.name;
|
|
130
|
+
const reader = new FileReader();
|
|
131
|
+
reader.onload = (e) => {
|
|
132
|
+
try {
|
|
133
|
+
const arrayBuffer = e.target?.result;
|
|
134
|
+
this.fileContent = arrayBuffer; // Store the file content
|
|
135
|
+
const data = new Uint8Array(arrayBuffer);
|
|
136
|
+
const workbook = read(data, { type: 'array' });
|
|
137
|
+
if (workbook.SheetNames.length === 0) {
|
|
138
|
+
this.uploadError = 'noSheetsFound';
|
|
139
|
+
this.clearFileUpload(event);
|
|
140
|
+
return;
|
|
141
|
+
}
|
|
142
|
+
const sheetName = workbook.SheetNames[0];
|
|
143
|
+
const worksheet = workbook.Sheets[sheetName];
|
|
144
|
+
const rows = utils.sheet_to_json(worksheet, { header: 1 });
|
|
145
|
+
if (rows.length === 0) {
|
|
146
|
+
this.uploadError = 'noDataFound';
|
|
147
|
+
this.clearFileUpload(event);
|
|
148
|
+
return;
|
|
149
|
+
}
|
|
150
|
+
this.excelHeaders = rows[0];
|
|
151
|
+
// Update mapping fields with header options
|
|
152
|
+
this.mappingFields.forEach(field => {
|
|
153
|
+
if (field.props) {
|
|
154
|
+
field.props.options = this.excelHeaders.map(h => ({
|
|
155
|
+
value: h,
|
|
156
|
+
label: h,
|
|
157
|
+
}));
|
|
158
|
+
}
|
|
159
|
+
});
|
|
160
|
+
// Initialize form with default values if not set
|
|
161
|
+
this.initializeForm();
|
|
162
|
+
}
|
|
163
|
+
catch (error) {
|
|
164
|
+
console.error('Error processing Excel file:', error);
|
|
165
|
+
this.uploadError = 'fileProcessingError';
|
|
166
|
+
this.clearFileUpload(event);
|
|
167
|
+
}
|
|
168
|
+
};
|
|
169
|
+
reader.onerror = (error) => {
|
|
170
|
+
console.error('File reading error:', error);
|
|
171
|
+
this.uploadError = 'fileReadError';
|
|
172
|
+
this.clearFileUpload(event);
|
|
173
|
+
};
|
|
174
|
+
reader.readAsArrayBuffer(file);
|
|
175
|
+
}
|
|
176
|
+
// Add this method to convert ArrayBuffer to base64
|
|
177
|
+
arrayBufferToBase64(buffer) {
|
|
178
|
+
const bytes = new Uint8Array(buffer);
|
|
179
|
+
let binary = '';
|
|
180
|
+
const len = bytes.byteLength;
|
|
181
|
+
for (let i = 0; i < len; i++) {
|
|
182
|
+
binary += String.fromCharCode(bytes[i]);
|
|
183
|
+
}
|
|
184
|
+
return window.btoa(binary);
|
|
185
|
+
}
|
|
186
|
+
// Add this method to get file extension
|
|
187
|
+
getFileExtension(filename) {
|
|
188
|
+
const index = filename.lastIndexOf('.');
|
|
189
|
+
return index !== -1 ? filename.slice(index) : '';
|
|
190
|
+
}
|
|
191
|
+
// Updated onSubmit method
|
|
192
|
+
onSubmit() {
|
|
193
|
+
if (this.form.invalid || !this.uploadedFileName || !this.fileContent) {
|
|
194
|
+
this.form.markAllAsTouched();
|
|
195
|
+
if (!this.fileContent) {
|
|
196
|
+
this.messageService.add({
|
|
197
|
+
severity: 'error',
|
|
198
|
+
summary: 'Error',
|
|
199
|
+
detail: 'File content is missing. Please upload the file again.'
|
|
200
|
+
});
|
|
201
|
+
}
|
|
202
|
+
return;
|
|
203
|
+
}
|
|
204
|
+
this.loading = true;
|
|
205
|
+
// Convert file content to base64
|
|
206
|
+
let fileBase64;
|
|
207
|
+
try {
|
|
208
|
+
if (this.fileContent instanceof ArrayBuffer) {
|
|
209
|
+
fileBase64 = this.arrayBufferToBase64(this.fileContent);
|
|
210
|
+
}
|
|
211
|
+
else if (typeof this.fileContent === 'string') {
|
|
212
|
+
// If it's already a string (base64), use it directly
|
|
213
|
+
fileBase64 = this.fileContent;
|
|
214
|
+
}
|
|
215
|
+
else {
|
|
216
|
+
throw new Error('Unsupported file content type');
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
catch (error) {
|
|
220
|
+
this.loading = false;
|
|
221
|
+
console.error('Error converting file to base64:', error);
|
|
222
|
+
this.messageService.add({
|
|
223
|
+
severity: 'error',
|
|
224
|
+
summary: 'Error',
|
|
225
|
+
detail: 'Failed to process file content'
|
|
226
|
+
});
|
|
227
|
+
return;
|
|
228
|
+
}
|
|
229
|
+
const requestBody = {
|
|
230
|
+
fileName: this.uploadedFileName,
|
|
231
|
+
fileExtension: this.getFileExtension(this.uploadedFileName),
|
|
232
|
+
fileContent: fileBase64,
|
|
233
|
+
mappings: this.form.value,
|
|
234
|
+
headers: this.excelHeaders,
|
|
235
|
+
fileSize: this.fileContent instanceof ArrayBuffer ? this.fileContent.byteLength : 0
|
|
236
|
+
};
|
|
237
|
+
this.restService
|
|
238
|
+
.request({
|
|
239
|
+
method: 'POST',
|
|
240
|
+
url: this.config.apiUrl,
|
|
241
|
+
body: requestBody,
|
|
242
|
+
headers: {
|
|
243
|
+
'Content-Type': 'application/json'
|
|
244
|
+
}
|
|
245
|
+
}, { apiName: this.config.apiName })
|
|
246
|
+
.pipe(takeUntil(this.destroy$))
|
|
247
|
+
.subscribe({
|
|
248
|
+
next: (response) => {
|
|
249
|
+
this.loading = false;
|
|
250
|
+
this.messageService.add({
|
|
251
|
+
severity: 'success',
|
|
252
|
+
summary: 'Success',
|
|
253
|
+
detail: 'File imported successfully'
|
|
254
|
+
});
|
|
255
|
+
this.importComplete.emit(response);
|
|
256
|
+
this.ref.close(response);
|
|
257
|
+
},
|
|
258
|
+
error: (err) => {
|
|
259
|
+
this.loading = false;
|
|
260
|
+
console.error('Import error:', err);
|
|
261
|
+
this.messageService.add({
|
|
262
|
+
severity: 'error',
|
|
263
|
+
summary: 'Error',
|
|
264
|
+
detail: 'Failed to import file'
|
|
265
|
+
});
|
|
266
|
+
this.importError.emit(err);
|
|
267
|
+
},
|
|
268
|
+
});
|
|
269
|
+
}
|
|
270
|
+
// Update clearFileUpload to also clear file content
|
|
271
|
+
clearFileUpload(event) {
|
|
272
|
+
if (event.options && typeof event.options.clear === 'function') {
|
|
273
|
+
event.options.clear();
|
|
274
|
+
}
|
|
275
|
+
this.uploadedFileName = null;
|
|
276
|
+
this.fileContent = null;
|
|
277
|
+
}
|
|
278
|
+
initializeForm() {
|
|
279
|
+
const formConfig = {};
|
|
280
|
+
this.mappingFields.forEach(field => {
|
|
281
|
+
if (field.key) {
|
|
282
|
+
// Set default value to first header if available
|
|
283
|
+
formConfig[field.key] = [this.excelHeaders[0] || '', Validators.required];
|
|
284
|
+
}
|
|
285
|
+
});
|
|
286
|
+
this.form = this.fb.group(formConfig);
|
|
287
|
+
}
|
|
288
|
+
onCancel() {
|
|
289
|
+
if (!this.loading) {
|
|
290
|
+
this.ref.close(false);
|
|
291
|
+
}
|
|
292
|
+
}
|
|
293
|
+
ngOnDestroy() {
|
|
294
|
+
this.destroy$.next();
|
|
295
|
+
this.destroy$.complete();
|
|
296
|
+
}
|
|
297
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ExcelImportComponent, deps: [{ token: i1.DynamicDialogRef }, { token: i1.DynamicDialogConfig }], target: i0.ɵɵFactoryTarget.Component });
|
|
298
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: ExcelImportComponent, isStandalone: true, selector: "app-excel-import", inputs: { config: "config" }, outputs: { importComplete: "importComplete", importError: "importError" }, providers: [MessageService], ngImport: i0, template: `
|
|
299
|
+
<p-toast></p-toast>
|
|
300
|
+
<div class="p-4 space-y-4">
|
|
301
|
+
<p-steps [model]="steps" [(activeIndex)]="activeStep" class="mb-4"></p-steps>
|
|
302
|
+
|
|
303
|
+
<form [formGroup]="form" (ngSubmit)="onSubmit()">
|
|
304
|
+
<ng-container [ngSwitch]="activeStep">
|
|
305
|
+
<!-- Step 1: Upload File -->
|
|
306
|
+
<div *ngSwitchCase="0" class="p-4">
|
|
307
|
+
<!-- Download template link -->
|
|
308
|
+
|
|
309
|
+
|
|
310
|
+
<!-- File upload -->
|
|
311
|
+
<p-fileUpload
|
|
312
|
+
name="excelFile"
|
|
313
|
+
mode="basic"
|
|
314
|
+
chooseIcon="pi pi-upload"
|
|
315
|
+
chooseLabel="{{ 'chooseFile' | translate }}"
|
|
316
|
+
(onSelect)="onFileUpload($event)"
|
|
317
|
+
[accept]="config.acceptedFileTypes || '.xls,.xlsx,.csv'"
|
|
318
|
+
[maxFileSize]="config.maxFileSize || 10000000"
|
|
319
|
+
[showUploadButton]="false"
|
|
320
|
+
[showCancelButton]="false"
|
|
321
|
+
>
|
|
322
|
+
</p-fileUpload>
|
|
323
|
+
|
|
324
|
+
<!-- Upload status -->
|
|
325
|
+
<p *ngIf="uploadedFileName" class="mt-2 text-green-600">
|
|
326
|
+
{{ uploadedFileName }}
|
|
327
|
+
</p>
|
|
328
|
+
<p *ngIf="uploadError" class="mt-2 text-red-600">
|
|
329
|
+
{{ uploadError }}
|
|
330
|
+
</p>
|
|
331
|
+
</div>
|
|
332
|
+
<p>
|
|
333
|
+
<a
|
|
334
|
+
[href]="env.getEnvironment().apis.default.url+config.templateUrl"
|
|
335
|
+
download
|
|
336
|
+
class="text-blue-600 hover:underline flex items-center gap-1"
|
|
337
|
+
>
|
|
338
|
+
<i class="pi pi-download"></i>
|
|
339
|
+
{{ 'downloadTemplate' | translate }}
|
|
340
|
+
</a>
|
|
341
|
+
</p>
|
|
342
|
+
|
|
343
|
+
|
|
344
|
+
<!-- Step 2: Column Mapping -->
|
|
345
|
+
<div *ngSwitchCase="1" class="p-4">
|
|
346
|
+
<formly-form [form]="form" [fields]="mappingFields" [model]="model"></formly-form>
|
|
347
|
+
</div>
|
|
348
|
+
|
|
349
|
+
<!-- Step 3: Review -->
|
|
350
|
+
<div *ngSwitchCase="2" class="p-4">
|
|
351
|
+
<p class="text-gray-700 mb-4">
|
|
352
|
+
{{ 'importReviewMessage' | translate }}
|
|
353
|
+
</p>
|
|
354
|
+
<div class="bg-gray-100 p-3 rounded">
|
|
355
|
+
<p><strong>{{ 'fileName' | translate }}:</strong> {{ uploadedFileName }}</p>
|
|
356
|
+
<p><strong>{{ 'selectedMappings' | translate }}:</strong></p>
|
|
357
|
+
<ul class="list-disc list-inside ml-4">
|
|
358
|
+
<li *ngFor="let field of mappingFields">
|
|
359
|
+
{{ field.props?.label }}: {{ getModelValue(field, model) }}
|
|
360
|
+
</li>
|
|
361
|
+
</ul>
|
|
362
|
+
</div>
|
|
363
|
+
</div>
|
|
364
|
+
</ng-container>
|
|
365
|
+
|
|
366
|
+
<!-- Footer Buttons -->
|
|
367
|
+
<div class="flex justify-between mt-6 pt-4 border-t">
|
|
368
|
+
<div>
|
|
369
|
+
<button
|
|
370
|
+
pButton
|
|
371
|
+
type="button"
|
|
372
|
+
[label]="'back' | translate"
|
|
373
|
+
icon="pi pi-arrow-left"
|
|
374
|
+
(click)="prevStep()"
|
|
375
|
+
[disabled]="activeStep === 0 || loading"
|
|
376
|
+
class="p-button-text"
|
|
377
|
+
></button>
|
|
378
|
+
</div>
|
|
379
|
+
|
|
380
|
+
<div class="flex gap-2">
|
|
381
|
+
<button
|
|
382
|
+
pButton
|
|
383
|
+
type="button"
|
|
384
|
+
[label]="'next' | translate"
|
|
385
|
+
icon="pi pi-arrow-right"
|
|
386
|
+
iconPos="right"
|
|
387
|
+
(click)="nextStep()"
|
|
388
|
+
*ngIf="activeStep < 2"
|
|
389
|
+
[disabled]="!canProceed() || loading"
|
|
390
|
+
></button>
|
|
391
|
+
|
|
392
|
+
<button
|
|
393
|
+
pButton
|
|
394
|
+
type="submit"
|
|
395
|
+
[label]="loading ? ('uploading' | translate) : ('save' | translate)"
|
|
396
|
+
icon="pi pi-check"
|
|
397
|
+
*ngIf="activeStep === 2"
|
|
398
|
+
[disabled]="loading"
|
|
399
|
+
[loading]="loading"
|
|
400
|
+
class="p-button-primary"
|
|
401
|
+
></button>
|
|
402
|
+
|
|
403
|
+
<button
|
|
404
|
+
pButton
|
|
405
|
+
type="button"
|
|
406
|
+
[label]="'cancel' | translate"
|
|
407
|
+
severity="secondary"
|
|
408
|
+
(click)="onCancel()"
|
|
409
|
+
[disabled]="loading"
|
|
410
|
+
></button>
|
|
411
|
+
</div>
|
|
412
|
+
</div>
|
|
413
|
+
</form>
|
|
414
|
+
</div>
|
|
415
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i5.FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "ngmodule", type: StepsModule }, { kind: "component", type: i6.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass", "exact"], outputs: ["activeIndexChange"] }, { kind: "ngmodule", type: ToastModule }, { kind: "component", type: i7.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
|
|
416
|
+
}
|
|
417
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ExcelImportComponent, decorators: [{
|
|
418
|
+
type: Component,
|
|
419
|
+
args: [{
|
|
420
|
+
selector: 'app-excel-import',
|
|
421
|
+
standalone: true,
|
|
422
|
+
providers: [MessageService],
|
|
423
|
+
template: `
|
|
424
|
+
<p-toast></p-toast>
|
|
425
|
+
<div class="p-4 space-y-4">
|
|
426
|
+
<p-steps [model]="steps" [(activeIndex)]="activeStep" class="mb-4"></p-steps>
|
|
427
|
+
|
|
428
|
+
<form [formGroup]="form" (ngSubmit)="onSubmit()">
|
|
429
|
+
<ng-container [ngSwitch]="activeStep">
|
|
430
|
+
<!-- Step 1: Upload File -->
|
|
431
|
+
<div *ngSwitchCase="0" class="p-4">
|
|
432
|
+
<!-- Download template link -->
|
|
433
|
+
|
|
434
|
+
|
|
435
|
+
<!-- File upload -->
|
|
436
|
+
<p-fileUpload
|
|
437
|
+
name="excelFile"
|
|
438
|
+
mode="basic"
|
|
439
|
+
chooseIcon="pi pi-upload"
|
|
440
|
+
chooseLabel="{{ 'chooseFile' | translate }}"
|
|
441
|
+
(onSelect)="onFileUpload($event)"
|
|
442
|
+
[accept]="config.acceptedFileTypes || '.xls,.xlsx,.csv'"
|
|
443
|
+
[maxFileSize]="config.maxFileSize || 10000000"
|
|
444
|
+
[showUploadButton]="false"
|
|
445
|
+
[showCancelButton]="false"
|
|
446
|
+
>
|
|
447
|
+
</p-fileUpload>
|
|
448
|
+
|
|
449
|
+
<!-- Upload status -->
|
|
450
|
+
<p *ngIf="uploadedFileName" class="mt-2 text-green-600">
|
|
451
|
+
{{ uploadedFileName }}
|
|
452
|
+
</p>
|
|
453
|
+
<p *ngIf="uploadError" class="mt-2 text-red-600">
|
|
454
|
+
{{ uploadError }}
|
|
455
|
+
</p>
|
|
456
|
+
</div>
|
|
457
|
+
<p>
|
|
458
|
+
<a
|
|
459
|
+
[href]="env.getEnvironment().apis.default.url+config.templateUrl"
|
|
460
|
+
download
|
|
461
|
+
class="text-blue-600 hover:underline flex items-center gap-1"
|
|
462
|
+
>
|
|
463
|
+
<i class="pi pi-download"></i>
|
|
464
|
+
{{ 'downloadTemplate' | translate }}
|
|
465
|
+
</a>
|
|
466
|
+
</p>
|
|
467
|
+
|
|
468
|
+
|
|
469
|
+
<!-- Step 2: Column Mapping -->
|
|
470
|
+
<div *ngSwitchCase="1" class="p-4">
|
|
471
|
+
<formly-form [form]="form" [fields]="mappingFields" [model]="model"></formly-form>
|
|
472
|
+
</div>
|
|
473
|
+
|
|
474
|
+
<!-- Step 3: Review -->
|
|
475
|
+
<div *ngSwitchCase="2" class="p-4">
|
|
476
|
+
<p class="text-gray-700 mb-4">
|
|
477
|
+
{{ 'importReviewMessage' | translate }}
|
|
478
|
+
</p>
|
|
479
|
+
<div class="bg-gray-100 p-3 rounded">
|
|
480
|
+
<p><strong>{{ 'fileName' | translate }}:</strong> {{ uploadedFileName }}</p>
|
|
481
|
+
<p><strong>{{ 'selectedMappings' | translate }}:</strong></p>
|
|
482
|
+
<ul class="list-disc list-inside ml-4">
|
|
483
|
+
<li *ngFor="let field of mappingFields">
|
|
484
|
+
{{ field.props?.label }}: {{ getModelValue(field, model) }}
|
|
485
|
+
</li>
|
|
486
|
+
</ul>
|
|
487
|
+
</div>
|
|
488
|
+
</div>
|
|
489
|
+
</ng-container>
|
|
490
|
+
|
|
491
|
+
<!-- Footer Buttons -->
|
|
492
|
+
<div class="flex justify-between mt-6 pt-4 border-t">
|
|
493
|
+
<div>
|
|
494
|
+
<button
|
|
495
|
+
pButton
|
|
496
|
+
type="button"
|
|
497
|
+
[label]="'back' | translate"
|
|
498
|
+
icon="pi pi-arrow-left"
|
|
499
|
+
(click)="prevStep()"
|
|
500
|
+
[disabled]="activeStep === 0 || loading"
|
|
501
|
+
class="p-button-text"
|
|
502
|
+
></button>
|
|
503
|
+
</div>
|
|
504
|
+
|
|
505
|
+
<div class="flex gap-2">
|
|
506
|
+
<button
|
|
507
|
+
pButton
|
|
508
|
+
type="button"
|
|
509
|
+
[label]="'next' | translate"
|
|
510
|
+
icon="pi pi-arrow-right"
|
|
511
|
+
iconPos="right"
|
|
512
|
+
(click)="nextStep()"
|
|
513
|
+
*ngIf="activeStep < 2"
|
|
514
|
+
[disabled]="!canProceed() || loading"
|
|
515
|
+
></button>
|
|
516
|
+
|
|
517
|
+
<button
|
|
518
|
+
pButton
|
|
519
|
+
type="submit"
|
|
520
|
+
[label]="loading ? ('uploading' | translate) : ('save' | translate)"
|
|
521
|
+
icon="pi pi-check"
|
|
522
|
+
*ngIf="activeStep === 2"
|
|
523
|
+
[disabled]="loading"
|
|
524
|
+
[loading]="loading"
|
|
525
|
+
class="p-button-primary"
|
|
526
|
+
></button>
|
|
527
|
+
|
|
528
|
+
<button
|
|
529
|
+
pButton
|
|
530
|
+
type="button"
|
|
531
|
+
[label]="'cancel' | translate"
|
|
532
|
+
severity="secondary"
|
|
533
|
+
(click)="onCancel()"
|
|
534
|
+
[disabled]="loading"
|
|
535
|
+
></button>
|
|
536
|
+
</div>
|
|
537
|
+
</div>
|
|
538
|
+
</form>
|
|
539
|
+
</div>
|
|
540
|
+
`,
|
|
541
|
+
imports: [
|
|
542
|
+
CommonModule,
|
|
543
|
+
ReactiveFormsModule,
|
|
544
|
+
FormsModule,
|
|
545
|
+
FormlyForm,
|
|
546
|
+
TranslatePipe,
|
|
547
|
+
ButtonModule,
|
|
548
|
+
FileUploadModule,
|
|
549
|
+
StepsModule,
|
|
550
|
+
ToastModule
|
|
551
|
+
],
|
|
552
|
+
}]
|
|
553
|
+
}], ctorParameters: () => [{ type: i1.DynamicDialogRef }, { type: i1.DynamicDialogConfig }], propDecorators: { config: [{
|
|
554
|
+
type: Input
|
|
555
|
+
}], importComplete: [{
|
|
556
|
+
type: Output
|
|
557
|
+
}], importError: [{
|
|
558
|
+
type: Output
|
|
559
|
+
}] } });
|
|
560
|
+
|
|
561
|
+
/**
|
|
562
|
+
* Generated bundle index. Do not edit.
|
|
563
|
+
*/
|
|
564
|
+
|
|
565
|
+
export { ExcelImportComponent, ExcelImportModule };
|
|
566
|
+
//# sourceMappingURL=es.framework-ng.ui.core-excel-import.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"es.framework-ng.ui.core-excel-import.mjs","sources":["../../../../libs/ng.ui.core/excel-import/src/lib/excel-import-module.ts","../../../../libs/ng.ui.core/excel-import/src/lib/excel-import.ts","../../../../libs/ng.ui.core/excel-import/src/es.framework-ng.ui.core-excel-import.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n imports: [CommonModule],\n})\nexport class ExcelImportModule {}\n","import { CommonModule } from '@angular/common';\r\nimport { Component, inject, OnDestroy, Input, Output, EventEmitter } from '@angular/core';\r\nimport { FormGroup, FormsModule, ReactiveFormsModule, FormBuilder, Validators } from '@angular/forms';\r\nimport { EnvironmentService, LocalizationService, RestService } from '@es.framework/ng.core/services';\r\nimport { FormlyFieldConfig, FormlyForm } from '@ngx-formly/core';\r\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\r\nimport { ButtonModule } from 'primeng/button';\r\nimport { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';\r\nimport { Subject, takeUntil } from 'rxjs';\r\nimport { FileUploadModule, FileUploadEvent } from 'primeng/fileupload';\r\nimport { StepsModule } from 'primeng/steps';\r\nimport { MessageService } from 'primeng/api';\r\nimport { ToastModule } from 'primeng/toast';\r\nimport { read, utils, WorkBook } from 'xlsx';\r\n\r\nexport interface ExcelImportConfig {\r\n templateUrl: string;\r\n apiUrl: string;\r\n apiName: string;\r\n mappingFields: FormlyFieldConfig[];\r\n acceptedFileTypes?: string;\r\n maxFileSize?: number;\r\n steps?: { label: string }[];\r\n}\r\n\r\n@Component({\r\n selector: 'app-excel-import',\r\n standalone: true,\r\n providers:[MessageService],\r\n template: `\r\n <p-toast></p-toast>\r\n <div class=\"p-4 space-y-4\">\r\n <p-steps [model]=\"steps\" [(activeIndex)]=\"activeStep\" class=\"mb-4\"></p-steps>\r\n\r\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\r\n <ng-container [ngSwitch]=\"activeStep\">\r\n <!-- Step 1: Upload File -->\r\n <div *ngSwitchCase=\"0\" class=\"p-4\">\r\n <!-- Download template link -->\r\n\r\n\r\n <!-- File upload -->\r\n <p-fileUpload\r\n name=\"excelFile\"\r\n mode=\"basic\"\r\n chooseIcon=\"pi pi-upload\"\r\n chooseLabel=\"{{ 'chooseFile' | translate }}\"\r\n (onSelect)=\"onFileUpload($event)\"\r\n [accept]=\"config.acceptedFileTypes || '.xls,.xlsx,.csv'\"\r\n [maxFileSize]=\"config.maxFileSize || 10000000\"\r\n [showUploadButton]=\"false\"\r\n [showCancelButton]=\"false\"\r\n >\r\n </p-fileUpload>\r\n\r\n <!-- Upload status -->\r\n <p *ngIf=\"uploadedFileName\" class=\"mt-2 text-green-600\">\r\n {{ uploadedFileName }}\r\n </p>\r\n <p *ngIf=\"uploadError\" class=\"mt-2 text-red-600\">\r\n {{ uploadError }}\r\n </p>\r\n </div>\r\n <p>\r\n <a\r\n [href]=\"env.getEnvironment().apis.default.url+config.templateUrl\"\r\n download\r\n class=\"text-blue-600 hover:underline flex items-center gap-1\"\r\n >\r\n <i class=\"pi pi-download\"></i>\r\n {{ 'downloadTemplate' | translate }}\r\n </a>\r\n </p>\r\n\r\n\r\n <!-- Step 2: Column Mapping -->\r\n <div *ngSwitchCase=\"1\" class=\"p-4\">\r\n <formly-form [form]=\"form\" [fields]=\"mappingFields\" [model]=\"model\"></formly-form>\r\n </div>\r\n\r\n <!-- Step 3: Review -->\r\n <div *ngSwitchCase=\"2\" class=\"p-4\">\r\n <p class=\"text-gray-700 mb-4\">\r\n {{ 'importReviewMessage' | translate }}\r\n </p>\r\n <div class=\"bg-gray-100 p-3 rounded\">\r\n <p><strong>{{ 'fileName' | translate }}:</strong> {{ uploadedFileName }}</p>\r\n <p><strong>{{ 'selectedMappings' | translate }}:</strong></p>\r\n <ul class=\"list-disc list-inside ml-4\">\r\n <li *ngFor=\"let field of mappingFields\">\r\n {{ field.props?.label }}: {{ getModelValue(field, model) }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- Footer Buttons -->\r\n <div class=\"flex justify-between mt-6 pt-4 border-t\">\r\n <div>\r\n <button\r\n pButton\r\n type=\"button\"\r\n [label]=\"'back' | translate\"\r\n icon=\"pi pi-arrow-left\"\r\n (click)=\"prevStep()\"\r\n [disabled]=\"activeStep === 0 || loading\"\r\n class=\"p-button-text\"\r\n ></button>\r\n </div>\r\n\r\n <div class=\"flex gap-2\">\r\n <button\r\n pButton\r\n type=\"button\"\r\n [label]=\"'next' | translate\"\r\n icon=\"pi pi-arrow-right\"\r\n iconPos=\"right\"\r\n (click)=\"nextStep()\"\r\n *ngIf=\"activeStep < 2\"\r\n [disabled]=\"!canProceed() || loading\"\r\n ></button>\r\n\r\n <button\r\n pButton\r\n type=\"submit\"\r\n [label]=\"loading ? ('uploading' | translate) : ('save' | translate)\"\r\n icon=\"pi pi-check\"\r\n *ngIf=\"activeStep === 2\"\r\n [disabled]=\"loading\"\r\n [loading]=\"loading\"\r\n class=\"p-button-primary\"\r\n ></button>\r\n\r\n <button\r\n pButton\r\n type=\"button\"\r\n [label]=\"'cancel' | translate\"\r\n severity=\"secondary\"\r\n (click)=\"onCancel()\"\r\n [disabled]=\"loading\"\r\n ></button>\r\n </div>\r\n </div>\r\n </form>\r\n </div>\r\n `,\r\n imports: [\r\n CommonModule,\r\n ReactiveFormsModule,\r\n FormsModule,\r\n FormlyForm,\r\n TranslatePipe,\r\n ButtonModule,\r\n FileUploadModule,\r\n StepsModule,\r\n ToastModule\r\n ],\r\n})\r\nexport class ExcelImportComponent implements OnDestroy {\r\n @Input() config!: ExcelImportConfig;\r\n @Output() importComplete = new EventEmitter<any>();\r\n @Output() importError = new EventEmitter<Error>();\r\n\r\n form: FormGroup;\r\n model: any = {};\r\n loading = false;\r\n uploadedFileName: string | null = null;\r\n uploadError: string | null = null;\r\n excelHeaders: string[] = [];\r\n private destroy$ = new Subject<void>();\r\n private restService: RestService = inject(RestService);\r\n private messageService = inject(MessageService);\r\n private translateService = inject(LocalizationService);\r\n private fb = inject(FormBuilder);\r\n public env = inject(EnvironmentService);\r\n\r\n steps = [\r\n { label: this.translateService .instant('uploadFile') },\r\n { label: this.translateService .instant('columnMapping') },\r\n { label: this.translateService .instant('review') },\r\n ];\r\n\r\n activeStep = 0;\r\n mappingFields: FormlyFieldConfig[] = [];\r\n\r\n constructor(public ref: DynamicDialogRef, public dialogConfig: DynamicDialogConfig) {\r\n this.form = this.fb.group({});\r\n\r\n // Initialize from dialog config if provided\r\n if (this.dialogConfig?.data?.config) {\r\n this.config = this.dialogConfig.data.config;\r\n }\r\n }\r\n\r\n ngOnInit() {\r\n if (!this.config) {\r\n throw new Error('ExcelImportConfig is required');\r\n }\r\n\r\n this.mappingFields = this.config.mappingFields.map(field => ({\r\n ...field,\r\n props: {\r\n ...field.props,\r\n options: []\r\n }\r\n }));\r\n\r\n this.steps = this.config.steps || this.steps;\r\n }\r\n\r\n nextStep() {\r\n if (this.activeStep < 2) this.activeStep++;\r\n }\r\n\r\n prevStep() {\r\n if (this.activeStep > 0) this.activeStep--;\r\n }\r\n\r\n canProceed(): boolean {\r\n switch (this.activeStep) {\r\n case 0:\r\n return !!this.uploadedFileName;\r\n case 1:\r\n return this.form.valid;\r\n case 2:\r\n return true;\r\n default:\r\n return false;\r\n }\r\n }\r\n getModelValue(field: FormlyFieldConfig, model: any): any {\r\n if (!field.key) return null;\r\n\r\n if (Array.isArray(field.key)) {\r\n // Walk through nested keys like ['address', 'street']\r\n return field.key.reduce((acc, k) => (acc ? acc[k] : undefined), model);\r\n }\r\n\r\n return model[field.key];\r\n}\r\n\r\n // Add this property to store the file content\r\nprivate fileContent: string | ArrayBuffer | null = null;\r\n\r\n// Update the onFileUpload method to store the file content\r\nonFileUpload(event: any) {\r\n this.uploadError = null;\r\n const file: File = event.files[0];\r\n\r\n if (!file) {\r\n this.uploadError = 'noFileSelected';\r\n return;\r\n }\r\n\r\n // Validate file type\r\n const validExtensions = ['.xlsx', '.xls', '.csv'];\r\n const fileExtension = file.name.toLowerCase().substring(file.name.lastIndexOf('.'));\r\n\r\n if (!validExtensions.includes(fileExtension)) {\r\n this.uploadError = 'invalidFileType';\r\n this.clearFileUpload(event);\r\n return;\r\n }\r\n\r\n this.uploadedFileName = file.name;\r\n\r\n const reader = new FileReader();\r\n\r\n reader.onload = (e: ProgressEvent<FileReader>) => {\r\n try {\r\n const arrayBuffer = e.target?.result as ArrayBuffer;\r\n this.fileContent = arrayBuffer; // Store the file content\r\n const data = new Uint8Array(arrayBuffer);\r\n\r\n const workbook: WorkBook = read(data, { type: 'array' });\r\n\r\n if (workbook.SheetNames.length === 0) {\r\n this.uploadError = 'noSheetsFound';\r\n this.clearFileUpload(event);\r\n return;\r\n }\r\n\r\n const sheetName = workbook.SheetNames[0];\r\n const worksheet = workbook.Sheets[sheetName];\r\n\r\n const rows: any[][] = utils.sheet_to_json(worksheet, { header: 1 });\r\n\r\n if (rows.length === 0) {\r\n this.uploadError = 'noDataFound';\r\n this.clearFileUpload(event);\r\n return;\r\n }\r\n\r\n this.excelHeaders = rows[0] as string[];\r\n\r\n // Update mapping fields with header options\r\n this.mappingFields.forEach(field => {\r\n if (field.props) {\r\n field.props.options = this.excelHeaders.map(h => ({\r\n value: h,\r\n label: h,\r\n }));\r\n }\r\n });\r\n\r\n // Initialize form with default values if not set\r\n this.initializeForm();\r\n\r\n } catch (error) {\r\n console.error('Error processing Excel file:', error);\r\n this.uploadError = 'fileProcessingError';\r\n this.clearFileUpload(event);\r\n }\r\n };\r\n\r\n reader.onerror = (error) => {\r\n console.error('File reading error:', error);\r\n this.uploadError = 'fileReadError';\r\n this.clearFileUpload(event);\r\n };\r\n\r\n reader.readAsArrayBuffer(file);\r\n}\r\n\r\n// Add this method to convert ArrayBuffer to base64\r\nprivate arrayBufferToBase64(buffer: ArrayBuffer): string {\r\n const bytes = new Uint8Array(buffer);\r\n let binary = '';\r\n const len = bytes.byteLength;\r\n\r\n for (let i = 0; i < len; i++) {\r\n binary += String.fromCharCode(bytes[i]);\r\n }\r\n\r\n return window.btoa(binary);\r\n}\r\n\r\n// Add this method to get file extension\r\nprivate getFileExtension(filename: string): string {\r\n const index = filename.lastIndexOf('.');\r\n return index !== -1 ? filename.slice(index) : '';\r\n}\r\n\r\n// Updated onSubmit method\r\nonSubmit() {\r\n if (this.form.invalid || !this.uploadedFileName || !this.fileContent) {\r\n this.form.markAllAsTouched();\r\n\r\n if (!this.fileContent) {\r\n this.messageService.add({\r\n severity: 'error',\r\n summary: 'Error',\r\n detail: 'File content is missing. Please upload the file again.'\r\n });\r\n }\r\n\r\n return;\r\n }\r\n\r\n this.loading = true;\r\n\r\n // Convert file content to base64\r\n let fileBase64: string;\r\n\r\n try {\r\n if (this.fileContent instanceof ArrayBuffer) {\r\n fileBase64 = this.arrayBufferToBase64(this.fileContent);\r\n } else if (typeof this.fileContent === 'string') {\r\n // If it's already a string (base64), use it directly\r\n fileBase64 = this.fileContent;\r\n } else {\r\n throw new Error('Unsupported file content type');\r\n }\r\n } catch (error) {\r\n this.loading = false;\r\n console.error('Error converting file to base64:', error);\r\n this.messageService.add({\r\n severity: 'error',\r\n summary: 'Error',\r\n detail: 'Failed to process file content'\r\n });\r\n return;\r\n }\r\n\r\n const requestBody = {\r\n fileName: this.uploadedFileName,\r\n fileExtension: this.getFileExtension(this.uploadedFileName),\r\n fileContent: fileBase64,\r\n mappings: this.form.value,\r\n headers: this.excelHeaders,\r\n fileSize: this.fileContent instanceof ArrayBuffer ? this.fileContent.byteLength : 0\r\n };\r\n\r\n this.restService\r\n .request<any, any>(\r\n {\r\n method: 'POST',\r\n url: this.config.apiUrl,\r\n body: requestBody,\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n }\r\n },\r\n { apiName: this.config.apiName }\r\n )\r\n .pipe(takeUntil(this.destroy$))\r\n .subscribe({\r\n next: (response) => {\r\n this.loading = false;\r\n this.messageService.add({\r\n severity: 'success',\r\n summary: 'Success',\r\n detail: 'File imported successfully'\r\n });\r\n this.importComplete.emit(response);\r\n this.ref.close(response);\r\n },\r\n error: (err) => {\r\n this.loading = false;\r\n console.error('Import error:', err);\r\n this.messageService.add({\r\n severity: 'error',\r\n summary: 'Error',\r\n detail: 'Failed to import file'\r\n });\r\n this.importError.emit(err);\r\n },\r\n });\r\n}\r\n\r\n// Update clearFileUpload to also clear file content\r\nprivate clearFileUpload(event: any) {\r\n if (event.options && typeof event.options.clear === 'function') {\r\n event.options.clear();\r\n }\r\n this.uploadedFileName = null;\r\n this.fileContent = null;\r\n}\r\n\r\n private initializeForm() {\r\n const formConfig: any = {};\r\n\r\n this.mappingFields.forEach(field => {\r\n if (field.key) {\r\n // Set default value to first header if available\r\n formConfig[field.key as string] = [this.excelHeaders[0] || '', Validators.required];\r\n\r\n }\r\n });\r\n\r\n this.form = this.fb.group(formConfig);\r\n }\r\n\r\n\r\n\r\n\r\n\r\n onCancel() {\r\n if (!this.loading) {\r\n this.ref.close(false);\r\n }\r\n }\r\n\r\n ngOnDestroy() {\r\n this.destroy$.next();\r\n this.destroy$.complete();\r\n }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|