bpm-core 0.0.116 → 0.0.117
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 +58 -30
- package/fesm2022/bpm-core.mjs +11 -89
- package/fesm2022/bpm-core.mjs.map +1 -1
- package/lib/components/app-component-sections/workflow-section/workflow-section.component.d.ts +1 -0
- package/lib/components/shared-components/form-field/shared-imports.d.ts +3 -3
- package/lib/testComponent/request-details-section/request-details-section.component.d.ts +1 -47
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,30 +1,58 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
1
|
+
## Recently Added Features
|
|
2
|
+
|
|
3
|
+
- ### Summary Section / Stage
|
|
4
|
+
This is a stage that appears before the request stage.
|
|
5
|
+
|
|
6
|
+
To enable this feature:
|
|
7
|
+
- The summary section **must be the first item** in the `workflowSteps` list.
|
|
8
|
+
- The `details` object for this step must include the following property:
|
|
9
|
+
|
|
10
|
+
```json
|
|
11
|
+
"stage0": {
|
|
12
|
+
"isStage0": "true"
|
|
13
|
+
}
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
**Example of a full payload:**
|
|
17
|
+
|
|
18
|
+
<details>
|
|
19
|
+
<summary>Click to expand full JSON payload</summary>
|
|
20
|
+
|
|
21
|
+
```json
|
|
22
|
+
{
|
|
23
|
+
"data": {
|
|
24
|
+
"requester": { ... },
|
|
25
|
+
"workflowSteps": [
|
|
26
|
+
{
|
|
27
|
+
"actor": {
|
|
28
|
+
"recipient": {
|
|
29
|
+
"role": "stage0"
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
"details": {
|
|
33
|
+
"litigantType": "",
|
|
34
|
+
"other": "",
|
|
35
|
+
"requestType": "",
|
|
36
|
+
"reqSubject": "",
|
|
37
|
+
"claimValue": "",
|
|
38
|
+
"subClassification": "",
|
|
39
|
+
"reqDetails": "",
|
|
40
|
+
"plainName": "",
|
|
41
|
+
"stage0": {
|
|
42
|
+
"isStage0": "true"
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"actor": { ... },
|
|
48
|
+
"date": "",
|
|
49
|
+
"details": { ... }
|
|
50
|
+
}
|
|
51
|
+
],
|
|
52
|
+
"request": { ... },
|
|
53
|
+
"form": { ... }
|
|
54
|
+
},
|
|
55
|
+
"meta": { ... }
|
|
56
|
+
}
|
|
57
|
+
```
|
|
58
|
+
</details>
|
package/fesm2022/bpm-core.mjs
CHANGED
|
@@ -7032,8 +7032,11 @@ class WorkflowSectionComponent {
|
|
|
7032
7032
|
}
|
|
7033
7033
|
});
|
|
7034
7034
|
}
|
|
7035
|
+
get hasStage0() {
|
|
7036
|
+
return this.sections?.[1]?.body?.details?.stage0?.isStage0 === 'true';
|
|
7037
|
+
}
|
|
7035
7038
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WorkflowSectionComponent, deps: [{ token: CoreI18nService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
7036
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
7039
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WorkflowSectionComponent, isStandalone: true, selector: "app-workflow-section", inputs: { sections: "sections", isReadOnly: "isReadOnly", isLoading: "isLoading", form: "form", contentClass: "contentClass", sectionsController: "sectionsController", segmentDynamicLoaderService: "segmentDynamicLoaderService", sectionFormComponent: "sectionFormComponent", sectionName: "sectionName" }, outputs: { sectionSubmitted: "sectionSubmitted" }, viewQueries: [{ propertyName: "formStateObject", first: true, predicate: ["f"], descendants: true }], ngImport: i0, template: "<form #f=\"ngForm\" autocomplete=\"off\">\r\n @if (form?.header?.status?.key === 'NEW') {\r\n <section class=\"default-box box-shadow p-4 rounded-4\">\r\n <ng-container *ngTemplateOutlet=\"contentReqDet\"></ng-container>\r\n </section>\r\n } @else {\r\n <div class=\"mt-n3\" id=\"accordion\" role=\"tablist\"\r\n aria-multiselectable=\"true\">\r\n @if (hasStage0) {\r\n <app-form-section \r\n class=\"app-form-section\" \r\n [segmentDynamicLoaderService]=\"segmentDynamicLoaderService\" \r\n [section]=\"sections[1]\" \r\n [lov]=\"form?.lovs\"\r\n [isReadOnly]=\"sections[1].header.readOnly\" \r\n [form]=\"form\" \r\n [controllers]=\"sectionsController\"\r\n >\r\n </app-form-section>\r\n }\r\n <app-main-request-details [lov]=\"form?.lovs\" [form]=\"form\" [section]=\"form?.sections[0]\">\r\n <ng-container *ngTemplateOutlet=\"contentReqDet\"></ng-container>\r\n </app-main-request-details>\r\n @if (hasStage0 ? form?.sections.length > 2 : form?.sections.length > 1) {\r\n <header class=\"header-line fs-12 fw-medium fc-dark-gray mt-sm-5 mt-4 mb-4\">\r\n {{i18n.translate('Approvals')}}\r\n </header>\r\n }\r\n <mat-accordion class=\"primary-accordion main-approval\">\r\n @for (section of form?.sections; track $index) {\r\n @if (hasStage0 ? $index > 1 : $index > 0) {\r\n <app-form-section \r\n class=\"app-form-section\" \r\n [segmentDynamicLoaderService]=\"segmentDynamicLoaderService\" \r\n [section]= \"section\" \r\n [lov]=\"form?.lovs\"\r\n [isReadOnly]=\"section.header.readOnly\" \r\n [form]=\"form\" \r\n [controllers]=\"sectionsController\"\r\n >\r\n </app-form-section>\r\n }\r\n }\r\n </mat-accordion>\r\n </div>\r\n }\r\n</form>\r\n\r\n\r\n<ng-template #contentReqDet><ng-content></ng-content></ng-template>\r\n", styles: ["@charset \"UTF-8\";.primary-accordion{--accordion-height: auto;--indicator-bc: transparent;--indicator-bc-active: transparent;--indicator-icon: \"\\e9bc\";--indicator-icon-active: \"\\ea34\";--indicator-color: var(--coral);--indicator-color-active: var(--dark-gray);--accordion-radius: 4px;--accordion-border-active: 1px solid var(--gray);--accordion-shadow: 0 7px 10px 0 rgba(var(--rgb-black), 3%);--accordion-shadow-active: none;--panel-padding: 1.5rem;--panel-body-padding: 0 1.5rem 1.5rem}@media (max-width: 576px){.primary-accordion{--accordion-height: 110px;--panel-padding: 1.5rem 1rem;--panel-body-padding: 0 1rem 1rem}}.primary-accordion.main-approval{position:relative}.primary-accordion.main-approval:before{content:\"\";position:absolute;top:0;bottom:0;margin:2rem;width:1px;height:calc(100% - 2rem);background-color:var(--dark-gray);z-index:0}@media (max-width: 576px){.workflow-all-btns ds-button::part(base){--btn-padding: 0 .5rem;--btn-fs: .75rem;--btn-height: var(--default-size-sm);--btn-min-width: var(--default-size-sm)}}\n"], dependencies: [{ kind: "directive", type: MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FormSectionComponent, selector: "app-form-section", inputs: ["requestDetails", "section", "form", "lov", "isReadOnly", "controllers", "segmentDynamicLoaderService", "sectionFormComponent", "sectionName"] }, { kind: "component", type: MainRequestDetailsComponent, selector: "app-main-request-details", inputs: ["section", "lov", "form"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
|
|
7037
7040
|
}
|
|
7038
7041
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WorkflowSectionComponent, decorators: [{
|
|
7039
7042
|
type: Component,
|
|
@@ -7041,12 +7044,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
7041
7044
|
NgClass,
|
|
7042
7045
|
MatAccordion,
|
|
7043
7046
|
NgTemplateOutlet,
|
|
7044
|
-
NgIf,
|
|
7045
7047
|
FormSectionComponent,
|
|
7046
7048
|
MainRequestDetailsComponent,
|
|
7047
|
-
NgForOf,
|
|
7048
7049
|
FormsModule
|
|
7049
|
-
], standalone: true, template: "<form #f=\"ngForm\" autocomplete=\"off\">\r\n
|
|
7050
|
+
], standalone: true, template: "<form #f=\"ngForm\" autocomplete=\"off\">\r\n @if (form?.header?.status?.key === 'NEW') {\r\n <section class=\"default-box box-shadow p-4 rounded-4\">\r\n <ng-container *ngTemplateOutlet=\"contentReqDet\"></ng-container>\r\n </section>\r\n } @else {\r\n <div class=\"mt-n3\" id=\"accordion\" role=\"tablist\"\r\n aria-multiselectable=\"true\">\r\n @if (hasStage0) {\r\n <app-form-section \r\n class=\"app-form-section\" \r\n [segmentDynamicLoaderService]=\"segmentDynamicLoaderService\" \r\n [section]=\"sections[1]\" \r\n [lov]=\"form?.lovs\"\r\n [isReadOnly]=\"sections[1].header.readOnly\" \r\n [form]=\"form\" \r\n [controllers]=\"sectionsController\"\r\n >\r\n </app-form-section>\r\n }\r\n <app-main-request-details [lov]=\"form?.lovs\" [form]=\"form\" [section]=\"form?.sections[0]\">\r\n <ng-container *ngTemplateOutlet=\"contentReqDet\"></ng-container>\r\n </app-main-request-details>\r\n @if (hasStage0 ? form?.sections.length > 2 : form?.sections.length > 1) {\r\n <header class=\"header-line fs-12 fw-medium fc-dark-gray mt-sm-5 mt-4 mb-4\">\r\n {{i18n.translate('Approvals')}}\r\n </header>\r\n }\r\n <mat-accordion class=\"primary-accordion main-approval\">\r\n @for (section of form?.sections; track $index) {\r\n @if (hasStage0 ? $index > 1 : $index > 0) {\r\n <app-form-section \r\n class=\"app-form-section\" \r\n [segmentDynamicLoaderService]=\"segmentDynamicLoaderService\" \r\n [section]= \"section\" \r\n [lov]=\"form?.lovs\"\r\n [isReadOnly]=\"section.header.readOnly\" \r\n [form]=\"form\" \r\n [controllers]=\"sectionsController\"\r\n >\r\n </app-form-section>\r\n }\r\n }\r\n </mat-accordion>\r\n </div>\r\n }\r\n</form>\r\n\r\n\r\n<ng-template #contentReqDet><ng-content></ng-content></ng-template>\r\n", styles: ["@charset \"UTF-8\";.primary-accordion{--accordion-height: auto;--indicator-bc: transparent;--indicator-bc-active: transparent;--indicator-icon: \"\\e9bc\";--indicator-icon-active: \"\\ea34\";--indicator-color: var(--coral);--indicator-color-active: var(--dark-gray);--accordion-radius: 4px;--accordion-border-active: 1px solid var(--gray);--accordion-shadow: 0 7px 10px 0 rgba(var(--rgb-black), 3%);--accordion-shadow-active: none;--panel-padding: 1.5rem;--panel-body-padding: 0 1.5rem 1.5rem}@media (max-width: 576px){.primary-accordion{--accordion-height: 110px;--panel-padding: 1.5rem 1rem;--panel-body-padding: 0 1rem 1rem}}.primary-accordion.main-approval{position:relative}.primary-accordion.main-approval:before{content:\"\";position:absolute;top:0;bottom:0;margin:2rem;width:1px;height:calc(100% - 2rem);background-color:var(--dark-gray);z-index:0}@media (max-width: 576px){.workflow-all-btns ds-button::part(base){--btn-padding: 0 .5rem;--btn-fs: .75rem;--btn-height: var(--default-size-sm);--btn-min-width: var(--default-size-sm)}}\n"] }]
|
|
7050
7051
|
}], ctorParameters: () => [{ type: CoreI18nService }, { type: i0.ChangeDetectorRef }], propDecorators: { formStateObject: [{
|
|
7051
7052
|
type: ViewChild,
|
|
7052
7053
|
args: ['f']
|
|
@@ -7569,12 +7570,6 @@ class RequestDetailsSectionComponent {
|
|
|
7569
7570
|
"__typename": "AllAssetsDto"
|
|
7570
7571
|
}
|
|
7571
7572
|
];
|
|
7572
|
-
multiData = [
|
|
7573
|
-
{ description: 'One', value: '1' },
|
|
7574
|
-
{ description: 'Two', value: '2' },
|
|
7575
|
-
{ description: 'Three', value: '3' },
|
|
7576
|
-
{ description: 'Four', value: '4' },
|
|
7577
|
-
];
|
|
7578
7573
|
totalElements = 6;
|
|
7579
7574
|
constructor(i18n, fb, actionStateService) {
|
|
7580
7575
|
this.i18n = i18n;
|
|
@@ -7582,8 +7577,6 @@ class RequestDetailsSectionComponent {
|
|
|
7582
7577
|
this.actionStateService = actionStateService;
|
|
7583
7578
|
}
|
|
7584
7579
|
ngOnInit() {
|
|
7585
|
-
// Simulate loading categories
|
|
7586
|
-
this.loadCategories();
|
|
7587
7580
|
this.createForm();
|
|
7588
7581
|
let data = this.section.body.details;
|
|
7589
7582
|
for (const key in data) {
|
|
@@ -7668,10 +7661,7 @@ class RequestDetailsSectionComponent {
|
|
|
7668
7661
|
newForm[option.value] = [''];
|
|
7669
7662
|
});
|
|
7670
7663
|
this.formGroup = this.fb.group({
|
|
7671
|
-
|
|
7672
|
-
value: [{ key: '1', value: 'One' }, { key: '2', value: 'Two' }],
|
|
7673
|
-
disabled: true
|
|
7674
|
-
}, Validators.required),
|
|
7664
|
+
// input: new FormControl(null),
|
|
7675
7665
|
// currencyInput: new FormControl(null, Validators.required),
|
|
7676
7666
|
// emailInput: new FormControl({value: null, disabled: true}, Validators.required),
|
|
7677
7667
|
// numberInput: new FormControl(null, Validators.required),
|
|
@@ -7716,7 +7706,7 @@ class RequestDetailsSectionComponent {
|
|
|
7716
7706
|
// attachment: new FormControl(null),
|
|
7717
7707
|
// attachmentSection: new FormControl([]),
|
|
7718
7708
|
// });
|
|
7719
|
-
|
|
7709
|
+
this.formGroup.setValue(this.section.body.details);
|
|
7720
7710
|
// console.log(this.section.body.detils);
|
|
7721
7711
|
// console.log(this.lov?.['approverActions']?.options)
|
|
7722
7712
|
this.formGroup.valueChanges.subscribe(value => {
|
|
@@ -7802,79 +7792,14 @@ class RequestDetailsSectionComponent {
|
|
|
7802
7792
|
console.log('customCallSubmit', action);
|
|
7803
7793
|
}
|
|
7804
7794
|
resetForm() {
|
|
7805
|
-
|
|
7806
|
-
this.formGroup.reset();
|
|
7795
|
+
this.actionStateService.resetAction$.next();
|
|
7807
7796
|
}
|
|
7808
|
-
multi = [{ key: '3', value: 'Three' }];
|
|
7809
7797
|
pageChanged(event) {
|
|
7810
7798
|
this.pageNumber = event.pageIndex;
|
|
7811
7799
|
this.pageSize = event.pageSize;
|
|
7812
7800
|
}
|
|
7813
|
-
// Form Controls
|
|
7814
|
-
countryControl = new FormControl();
|
|
7815
|
-
skillsControl = new FormControl([]);
|
|
7816
|
-
stateControl = new FormControl();
|
|
7817
|
-
categoryControl = new FormControl();
|
|
7818
|
-
priorityControl = new FormControl();
|
|
7819
|
-
selectedCountry = '';
|
|
7820
|
-
isLoadingCategories = false;
|
|
7821
|
-
// Option Data Structures
|
|
7822
|
-
countryOptions = {
|
|
7823
|
-
options: [
|
|
7824
|
-
{ value: 'us', description: 'United States' },
|
|
7825
|
-
{ value: 'ca', description: 'Canada' },
|
|
7826
|
-
{ value: 'uk', description: 'United Kingdom' }
|
|
7827
|
-
]
|
|
7828
|
-
};
|
|
7829
|
-
skillsOptions = {
|
|
7830
|
-
options: [
|
|
7831
|
-
{ value: 'angular', description: 'Angular' },
|
|
7832
|
-
{ value: 'react', description: 'React' },
|
|
7833
|
-
{ value: 'vue', description: 'Vue.js' },
|
|
7834
|
-
{ value: 'node', description: 'Node.js' }
|
|
7835
|
-
]
|
|
7836
|
-
};
|
|
7837
|
-
stateOptions = {
|
|
7838
|
-
options: [
|
|
7839
|
-
{ value: 'ca', description: 'California', parentValue: 'us' },
|
|
7840
|
-
{ value: 'ny', description: 'New York', parentValue: 'us' },
|
|
7841
|
-
{ value: 'on', description: 'Ontario', parentValue: 'ca' },
|
|
7842
|
-
{ value: 'bc', description: 'British Columbia', parentValue: 'ca' }
|
|
7843
|
-
]
|
|
7844
|
-
};
|
|
7845
|
-
priorityOptions = {
|
|
7846
|
-
options: [
|
|
7847
|
-
{ value: 'low', description: 'Low Priority' },
|
|
7848
|
-
{ value: 'medium', description: 'Medium Priority' },
|
|
7849
|
-
{ value: 'high', description: 'High Priority' }
|
|
7850
|
-
]
|
|
7851
|
-
};
|
|
7852
|
-
categoryOptions = {
|
|
7853
|
-
options: []
|
|
7854
|
-
};
|
|
7855
|
-
onCountrySelected(event) {
|
|
7856
|
-
this.selectedCountry = event.value;
|
|
7857
|
-
this.stateControl.reset(); // Reset state when country changes
|
|
7858
|
-
}
|
|
7859
|
-
onSkillsSelected(values) {
|
|
7860
|
-
console.log('Selected skills:', values);
|
|
7861
|
-
}
|
|
7862
|
-
loadCategories() {
|
|
7863
|
-
this.isLoadingCategories = true;
|
|
7864
|
-
// Simulate API call
|
|
7865
|
-
setTimeout(() => {
|
|
7866
|
-
this.categoryOptions = {
|
|
7867
|
-
options: [
|
|
7868
|
-
{ value: 'tech', description: 'Technology' },
|
|
7869
|
-
{ value: 'business', description: 'Business' },
|
|
7870
|
-
{ value: 'design', description: 'Design' }
|
|
7871
|
-
]
|
|
7872
|
-
};
|
|
7873
|
-
this.isLoadingCategories = false;
|
|
7874
|
-
}, 2000);
|
|
7875
|
-
}
|
|
7876
7801
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: RequestDetailsSectionComponent, deps: [{ token: CoreI18nService }, { token: i4.FormBuilder }, { token: ActionStateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7877
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: RequestDetailsSectionComponent, isStandalone: true, selector: "app-request-details-section", inputs: { isReadOnly: "isReadOnly", section: "section", form: "form", lov: "lov", className: "className" }, ngImport: i0, template: "<form [ngClass]=\"{'form-section-divide form-section':!section?.header?.readOnly,'info-section':section?.header?.readOnly}\" [formGroup]=\"formGroup\">\r\n
|
|
7802
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: RequestDetailsSectionComponent, isStandalone: true, selector: "app-request-details-section", inputs: { isReadOnly: "isReadOnly", section: "section", form: "form", lov: "lov", className: "className" }, ngImport: i0, template: "<div>\r\n <form [ngClass]=\"{'form-section-divide form-section':!section?.header?.readOnly,'info-section':section?.header?.readOnly}\" [formGroup]=\"formGroup\">\r\n\r\n <app-attachment-section\r\n class=\"section-item full\"\r\n [descriptionRequired]=\"false\"\r\n label=\"Attachment section\"\r\n [commentsRequired]=\"false\"\r\n [isReadOnly]=\"isReadOnly\"\r\n formControlName=\"attachmentSection\"></app-attachment-section>\r\n\r\n<!-- {{formGroup.valid}}-->\r\n<!-- <app-input class=\"section-item full\" [isReadOnly]=\"false\" [mandatory]=\"true\" [loading]=\"true\" type=\"enOnly\" formControlName=\"input\" label=\"Input\"></app-input>-->\r\n<!-- <app-checkbox\r\n class=\"section-item full\"\r\n [isReadOnly]=\"isReadOnly\"\r\n formControlName=\"checkbox\"\r\n termsLabel=\"Terms and conditions\"\r\n label=\"check-box\"\r\n [containTerms]=\"true\"></app-checkbox>-->\r\n <!--\r\n <app-search-employee\r\n class=\"section-item full\"\r\n [multiple]=\"true\"\r\n [arrayList]=\"formGroup.get('searchEmployee').value\"\r\n [isReadOnly]=\"isReadOnly\"\r\n formControlName=\"searchEmployee\"\r\n label=\"Search-employee\"></app-search-employee>\r\n <app-input class=\"section-item full\" [isReadOnly]=\"isReadOnly\" [loading]=\"true\" type=\"enOnly\" formControlName=\"input\" label=\"Input\"></app-input>\r\n <app-input-currency class=\"section-item full\" [isReadOnly]=\"isReadOnly\" formControlName=\"currencyInput\" label=\"currency\"></app-input-currency>\r\n <app-input-email class=\"section-item full\" [isReadOnly]=\"isReadOnly\" formControlName=\"emailInput\" label=\"email\"></app-input-email>\r\n <app-input-number class=\"section-item full\" [isReadOnly]=\"isReadOnly\" formControlName=\"numberInput\" label=\"number\"></app-input-number>\r\n <app-custom-searchable\r\n class=\"section-item mb-0 full\"\r\n [isReadOnly]=\"isReadOnly\"\r\n formControlName=\"customSearchable\"\r\n label=\"Custom-searchable\"\r\n [options]=\"lov?.['approverActions']?.options\"\r\n [displayedLabel]=\"'name'\"\r\n [key]=\"'name'\"></app-custom-searchable>\r\n <app-checkbox\r\n class=\"section-item full\"\r\n [isReadOnly]=\"isReadOnly\"\r\n formControlName=\"checkbox\"\r\n termsLabel=\"Terms and conditions\"\r\n label=\"check-box\"\r\n [containTerms]=\"true\"></app-checkbox>\r\n <app-textarea class=\"section-item full\" [isReadOnly]=\"isReadOnly\" formControlName=\"textArea\" label=\"Text-area\"></app-textarea>\r\n\r\n <app-date-range-picker\r\n class=\"section-item full\"\r\n [isReadOnly]=\"isReadOnly\"\r\n formControlName=\"datePickerRange\"\r\n label=\"Date-picker-range\"\r\n [matSuffix]=\"true\"></app-date-range-picker>\r\n <app-radio class=\"section-item full\" [isReadOnly]=\"isReadOnly\" formControlName=\"radio\" [options]=\"options\" label=\"Radio\"></app-radio>-->\r\n <!-- <app-toggle-button\r\n class=\"section-item full\"\r\n [isReadOnly]=\"isReadOnly\"\r\n formControlName=\"toggle\"\r\n [options]=\"lov?.['decision']?.options\"\r\n label=\"Toggle-button\"\r\n [displayedLabel]=\"'description'\"\r\n [key]=\"'value'\"></app-toggle-button>-->\r\n <!--<app-input-telephone class=\"section-item full\" [isReadOnly]=\"isReadOnly\" formControlName=\"telephone\" label=\"Telephone\"></app-input-telephone>\r\n\r\n <app-file-uploader\r\n class=\"section-item full\"\r\n [callApi]=\"true\"\r\n [isReadOnly]=\"isReadOnly\"\r\n [multiple]=\"false\"\r\n label=\"attachment\"\r\n formControlName=\"attachment\"></app-file-uploader>\r\n\r\n <app-attachment-section\r\n class=\"section-item full\"\r\n [descriptionRequired]=\"false\"\r\n label=\"Attachment section\"\r\n [commentsRequired]=\"false\"\r\n [isReadOnly]=\"isReadOnly\"\r\n formControlName=\"attachmentSection\"></app-attachment-section>\r\n-->\r\n\r\n\r\n\r\n <!-- <app-table\r\n [columnsConfig]=\"columnsConfig\"\r\n [columns]=\"columns\"\r\n [isError]=\"isError\"\r\n [isLoading]=\"isLoading\"\r\n [rows]=\"categoryData\" [hasPaginator]=\"true\"\r\n [pageSize]=\"pageSize\" [currentPage]=\"pageNumber\"\r\n [totalElements]=\"totalElements\"\r\n (pageChange)=\"pageChanged($event)\"\r\n class=\"new-primary-table full\">\r\n </app-table> -->\r\n\r\n<!-- <app-datepicker\r\n class=\"section-item full\"\r\n [isReadOnly]=\"false\"\r\n formControlName=\"datePicker\"\r\n [matSuffix]=\"true\"\r\n label=\"Date-picker\"></app-datepicker>-->\r\n\r\n\r\n </form>\r\n\r\n\r\n</div>\r\n@if (!section?.header?.readOnly) {\r\n <div class=\"mt-4\">\r\n <lib-action-buttons\r\n [lovOptions]=\"lov?.['decision']?.options\"\r\n [lovType]=\"lov?.['decision']?.type\"\r\n [section]=\"section\"\r\n [form]=\"form\"\r\n [sections]=\"form.sections\"\r\n [showApprovalCycle]=\"true\"\r\n [customCall]=\"false\"\r\n [fieldsForm]=\"formGroup\"\r\n (customCallEmit)=\"customCallSubmit($event)\"\r\n (resetFormEmit)=\"resetForm()\"\r\n />\r\n </div>\r\n}\r\n", styles: [".form-section-divide{--form-section-columns: 1fr 1fr}@media (max-width: 756px){.form-section-divide{--form-section-columns: 100%}}.form-section-divide .full{grid-column:1/-1}.head-title{position:relative;margin-bottom:12px}.head-title h3{display:inline-block;color:#8e9aa0;font-size:14px;font-weight:500;background-color:#fff;padding-inline-end:20px;position:relative;z-index:2;margin:0}.head-title:after{content:\"\";position:absolute;width:100%;height:1px;background-color:#dee0e2;top:50%;left:0;right:0;transform:translateY(-50%);z-index:1}.chamber{margin-bottom:20px}.chamber .chamber-content{background-color:#f8f8f8;padding:20px}.chamber .chamber-content .chamber-select{display:flex}.chamber .chamber-content mat-checkbox{font-size:14px}.section-item{margin-bottom:20px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ActionButtonsComponent, selector: "lib-action-buttons", inputs: ["lovOptions", "lovType", "fieldsForm", "form", "section", "sections", "showApprovalCycle", "customCall"], outputs: ["resetFormEmit", "customCallEmit"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: AttachmentSectionComponent, selector: "app-attachment-section", inputs: ["className", "customDownload", "attachmentsMax", "isSortable", "downloadAll", "isRequired", "descriptionRequired", "commentsRequired", "allowedExtensions"], outputs: ["downloadActionClicked", "emitedValue"] }] });
|
|
7878
7803
|
}
|
|
7879
7804
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: RequestDetailsSectionComponent, decorators: [{
|
|
7880
7805
|
type: Component,
|
|
@@ -7898,11 +7823,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
7898
7823
|
SearchEmployeeComponent,
|
|
7899
7824
|
AttachmentSectionComponent,
|
|
7900
7825
|
TableComponent,
|
|
7901
|
-
TranslatePipe
|
|
7902
|
-
|
|
7903
|
-
SelectComponent,
|
|
7904
|
-
FormsModule
|
|
7905
|
-
], template: "<form [ngClass]=\"{'form-section-divide form-section':!section?.header?.readOnly,'info-section':section?.header?.readOnly}\" [formGroup]=\"formGroup\">\r\n <app-multiselect\r\n class=\"section-item\"\r\n formControlName=\"multi\"\r\n [options]=\"multiData\"\r\n label=\"Multi select\"\r\n placeholder=\"Select from here\"\r\n [isReadOnly]=\"false\"\r\n [mandatory]=\"true\"\r\n >\r\n </app-multiselect>\r\n</form>\r\n\r\n\r\n @if (!section?.header?.readOnly) {\r\n <div class=\"mt-4\">\r\n <lib-action-buttons\r\n [lovOptions]=\"lov?.['decision']?.options\"\r\n [lovType]=\"lov?.['decision']?.type\"\r\n [section]=\"section\"\r\n [form]=\"form\"\r\n [sections]=\"form.sections\"\r\n [showApprovalCycle]=\"true\"\r\n [customCall]=\"false\"\r\n [fieldsForm]=\"formGroup\"\r\n (customCallEmit)=\"customCallSubmit($event)\"\r\n (resetFormEmit)=\"resetForm()\"\r\n />\r\n </div>\r\n}", styles: [".form-section-divide{--form-section-columns: 1fr 1fr}@media (max-width: 756px){.form-section-divide{--form-section-columns: 100%}}.form-section-divide .full{grid-column:1/-1}.head-title{position:relative;margin-bottom:12px}.head-title h3{display:inline-block;color:#8e9aa0;font-size:14px;font-weight:500;background-color:#fff;padding-inline-end:20px;position:relative;z-index:2;margin:0}.head-title:after{content:\"\";position:absolute;width:100%;height:1px;background-color:#dee0e2;top:50%;left:0;right:0;transform:translateY(-50%);z-index:1}.chamber{margin-bottom:20px}.chamber .chamber-content{background-color:#f8f8f8;padding:20px}.chamber .chamber-content .chamber-select{display:flex}.chamber .chamber-content mat-checkbox{font-size:14px}.section-item{margin-bottom:20px}\n"] }]
|
|
7826
|
+
TranslatePipe
|
|
7827
|
+
], template: "<div>\r\n <form [ngClass]=\"{'form-section-divide form-section':!section?.header?.readOnly,'info-section':section?.header?.readOnly}\" [formGroup]=\"formGroup\">\r\n\r\n <app-attachment-section\r\n class=\"section-item full\"\r\n [descriptionRequired]=\"false\"\r\n label=\"Attachment section\"\r\n [commentsRequired]=\"false\"\r\n [isReadOnly]=\"isReadOnly\"\r\n formControlName=\"attachmentSection\"></app-attachment-section>\r\n\r\n<!-- {{formGroup.valid}}-->\r\n<!-- <app-input class=\"section-item full\" [isReadOnly]=\"false\" [mandatory]=\"true\" [loading]=\"true\" type=\"enOnly\" formControlName=\"input\" label=\"Input\"></app-input>-->\r\n<!-- <app-checkbox\r\n class=\"section-item full\"\r\n [isReadOnly]=\"isReadOnly\"\r\n formControlName=\"checkbox\"\r\n termsLabel=\"Terms and conditions\"\r\n label=\"check-box\"\r\n [containTerms]=\"true\"></app-checkbox>-->\r\n <!--\r\n <app-search-employee\r\n class=\"section-item full\"\r\n [multiple]=\"true\"\r\n [arrayList]=\"formGroup.get('searchEmployee').value\"\r\n [isReadOnly]=\"isReadOnly\"\r\n formControlName=\"searchEmployee\"\r\n label=\"Search-employee\"></app-search-employee>\r\n <app-input class=\"section-item full\" [isReadOnly]=\"isReadOnly\" [loading]=\"true\" type=\"enOnly\" formControlName=\"input\" label=\"Input\"></app-input>\r\n <app-input-currency class=\"section-item full\" [isReadOnly]=\"isReadOnly\" formControlName=\"currencyInput\" label=\"currency\"></app-input-currency>\r\n <app-input-email class=\"section-item full\" [isReadOnly]=\"isReadOnly\" formControlName=\"emailInput\" label=\"email\"></app-input-email>\r\n <app-input-number class=\"section-item full\" [isReadOnly]=\"isReadOnly\" formControlName=\"numberInput\" label=\"number\"></app-input-number>\r\n <app-custom-searchable\r\n class=\"section-item mb-0 full\"\r\n [isReadOnly]=\"isReadOnly\"\r\n formControlName=\"customSearchable\"\r\n label=\"Custom-searchable\"\r\n [options]=\"lov?.['approverActions']?.options\"\r\n [displayedLabel]=\"'name'\"\r\n [key]=\"'name'\"></app-custom-searchable>\r\n <app-checkbox\r\n class=\"section-item full\"\r\n [isReadOnly]=\"isReadOnly\"\r\n formControlName=\"checkbox\"\r\n termsLabel=\"Terms and conditions\"\r\n label=\"check-box\"\r\n [containTerms]=\"true\"></app-checkbox>\r\n <app-textarea class=\"section-item full\" [isReadOnly]=\"isReadOnly\" formControlName=\"textArea\" label=\"Text-area\"></app-textarea>\r\n\r\n <app-date-range-picker\r\n class=\"section-item full\"\r\n [isReadOnly]=\"isReadOnly\"\r\n formControlName=\"datePickerRange\"\r\n label=\"Date-picker-range\"\r\n [matSuffix]=\"true\"></app-date-range-picker>\r\n <app-radio class=\"section-item full\" [isReadOnly]=\"isReadOnly\" formControlName=\"radio\" [options]=\"options\" label=\"Radio\"></app-radio>-->\r\n <!-- <app-toggle-button\r\n class=\"section-item full\"\r\n [isReadOnly]=\"isReadOnly\"\r\n formControlName=\"toggle\"\r\n [options]=\"lov?.['decision']?.options\"\r\n label=\"Toggle-button\"\r\n [displayedLabel]=\"'description'\"\r\n [key]=\"'value'\"></app-toggle-button>-->\r\n <!--<app-input-telephone class=\"section-item full\" [isReadOnly]=\"isReadOnly\" formControlName=\"telephone\" label=\"Telephone\"></app-input-telephone>\r\n\r\n <app-file-uploader\r\n class=\"section-item full\"\r\n [callApi]=\"true\"\r\n [isReadOnly]=\"isReadOnly\"\r\n [multiple]=\"false\"\r\n label=\"attachment\"\r\n formControlName=\"attachment\"></app-file-uploader>\r\n\r\n <app-attachment-section\r\n class=\"section-item full\"\r\n [descriptionRequired]=\"false\"\r\n label=\"Attachment section\"\r\n [commentsRequired]=\"false\"\r\n [isReadOnly]=\"isReadOnly\"\r\n formControlName=\"attachmentSection\"></app-attachment-section>\r\n-->\r\n\r\n\r\n\r\n <!-- <app-table\r\n [columnsConfig]=\"columnsConfig\"\r\n [columns]=\"columns\"\r\n [isError]=\"isError\"\r\n [isLoading]=\"isLoading\"\r\n [rows]=\"categoryData\" [hasPaginator]=\"true\"\r\n [pageSize]=\"pageSize\" [currentPage]=\"pageNumber\"\r\n [totalElements]=\"totalElements\"\r\n (pageChange)=\"pageChanged($event)\"\r\n class=\"new-primary-table full\">\r\n </app-table> -->\r\n\r\n<!-- <app-datepicker\r\n class=\"section-item full\"\r\n [isReadOnly]=\"false\"\r\n formControlName=\"datePicker\"\r\n [matSuffix]=\"true\"\r\n label=\"Date-picker\"></app-datepicker>-->\r\n\r\n\r\n </form>\r\n\r\n\r\n</div>\r\n@if (!section?.header?.readOnly) {\r\n <div class=\"mt-4\">\r\n <lib-action-buttons\r\n [lovOptions]=\"lov?.['decision']?.options\"\r\n [lovType]=\"lov?.['decision']?.type\"\r\n [section]=\"section\"\r\n [form]=\"form\"\r\n [sections]=\"form.sections\"\r\n [showApprovalCycle]=\"true\"\r\n [customCall]=\"false\"\r\n [fieldsForm]=\"formGroup\"\r\n (customCallEmit)=\"customCallSubmit($event)\"\r\n (resetFormEmit)=\"resetForm()\"\r\n />\r\n </div>\r\n}\r\n", styles: [".form-section-divide{--form-section-columns: 1fr 1fr}@media (max-width: 756px){.form-section-divide{--form-section-columns: 100%}}.form-section-divide .full{grid-column:1/-1}.head-title{position:relative;margin-bottom:12px}.head-title h3{display:inline-block;color:#8e9aa0;font-size:14px;font-weight:500;background-color:#fff;padding-inline-end:20px;position:relative;z-index:2;margin:0}.head-title:after{content:\"\";position:absolute;width:100%;height:1px;background-color:#dee0e2;top:50%;left:0;right:0;transform:translateY(-50%);z-index:1}.chamber{margin-bottom:20px}.chamber .chamber-content{background-color:#f8f8f8;padding:20px}.chamber .chamber-content .chamber-select{display:flex}.chamber .chamber-content mat-checkbox{font-size:14px}.section-item{margin-bottom:20px}\n"] }]
|
|
7906
7828
|
}], ctorParameters: () => [{ type: CoreI18nService }, { type: i4.FormBuilder }, { type: ActionStateService }], propDecorators: { isReadOnly: [{
|
|
7907
7829
|
type: Input
|
|
7908
7830
|
}], section: [{
|