@valtimo/dossier 12.15.1 → 12.16.1
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/esm2022/lib/components/dossier-process-start-modal/dossier-process-start-modal.component.mjs +70 -59
- package/esm2022/lib/components/dossier-supporting-process-start-modal/dossier-supporting-process-start-modal.component.mjs +29 -21
- package/fesm2022/valtimo-dossier.mjs +88 -68
- package/fesm2022/valtimo-dossier.mjs.map +1 -1
- package/lib/components/dossier-process-start-modal/dossier-process-start-modal.component.d.ts +15 -14
- package/lib/components/dossier-process-start-modal/dossier-process-start-modal.component.d.ts.map +1 -1
- package/lib/components/dossier-supporting-process-start-modal/dossier-supporting-process-start-modal.component.d.ts +3 -1
- package/lib/components/dossier-supporting-process-start-modal/dossier-supporting-process-start-modal.component.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -15,7 +15,7 @@ import * as i1$1 from '@angular/router';
|
|
|
15
15
|
import { NavigationStart, RouterModule } from '@angular/router';
|
|
16
16
|
import * as i1$2 from 'ngx-logger';
|
|
17
17
|
import * as i2$2 from '@valtimo/components';
|
|
18
|
-
import { FormioOptionsImpl, TimelineItemImpl, CASES_WITHOUT_STATUS_KEY, CarbonListModule, ViewType, EllipsisPipe, FormIoModule, CARBON_THEME, CurrentCarbonTheme, WidgetModule,
|
|
18
|
+
import { FormioOptionsImpl, TimelineItemImpl, CASES_WITHOUT_STATUS_KEY, CarbonListModule, ViewType, EllipsisPipe, FormIoModule, CARBON_THEME, CurrentCarbonTheme, WidgetModule, CARBON_CONSTANTS, PendingChangesComponent, CarbonListComponent, pendingChangesGuard, ListModule, BpmnJsDiagramModule, TimelineModule, CamundaFormModule, FilterSidebarModule, DataListModule, ModalModule, SpinnerModule, UploaderModule, DropzoneModule, SelectModule, InputLabelModule, ParagraphModule, TableModule, VModalModule, TitleModule, ButtonModule as ButtonModule$1, SearchableDropdownSelectModule, SearchFieldsModule, PageModule, InputModule as InputModule$1, FormModule as FormModule$1, ConfirmationModalModule, IsArrayPipe, StatusSelectorComponent, RenderInPageHeaderDirectiveModule, ValtimoCdsOverflowButtonDirectiveModule, CaseTagsSelectorComponent, ValtimoCdsModalDirectiveModule } from '@valtimo/components';
|
|
19
19
|
export { CASES_WITHOUT_STATUS_KEY } from '@valtimo/components';
|
|
20
20
|
import moment from 'moment';
|
|
21
21
|
import * as i3 from '@valtimo/form';
|
|
@@ -29,7 +29,7 @@ import { ButtonModule, InputModule, PaginationModel, PaginationModule, TilesModu
|
|
|
29
29
|
import * as i3$1 from 'ngx-spinner';
|
|
30
30
|
import * as i6$2 from '@ng-bootstrap/ng-bootstrap';
|
|
31
31
|
import { NgbTooltipModule, NgbButtonsModule, NgbPaginationModule, NgbModule } from '@ng-bootstrap/ng-bootstrap';
|
|
32
|
-
import { switchMap as switchMap$1, map as map$1, take as take$1, tap as tap$1, catchError } from 'rxjs/operators';
|
|
32
|
+
import { switchMap as switchMap$1, map as map$1, take as take$1, tap as tap$1, catchError, filter as filter$1 } from 'rxjs/operators';
|
|
33
33
|
import * as i3$2 from 'ngx-toastr';
|
|
34
34
|
import * as i4 from '@valtimo/resource';
|
|
35
35
|
import * as i2$4 from '@valtimo/access-control';
|
|
@@ -41,7 +41,7 @@ import { ChevronDown16 } from '@carbon/icons';
|
|
|
41
41
|
import * as i6$3 from 'keycloak-angular';
|
|
42
42
|
import * as i1$3 from '@valtimo/task';
|
|
43
43
|
import { CAN_VIEW_TASK_PERMISSION, TASK_DETAIL_PERMISSION_RESOURCE, TaskModule, CAN_ASSIGN_TASK_PERMISSION, CAN_MODIFY_TASK_PERMISSION, TaskDetailContentComponent, TaskDetailIntermediateSaveComponent, AssignUserToTaskComponent, SetTaskDueDateComponent } from '@valtimo/task';
|
|
44
|
-
import * as
|
|
44
|
+
import * as i3$3 from '@valtimo/process-link';
|
|
45
45
|
import { FORM_CUSTOM_COMPONENT_TOKEN, ProcessLinkModule } from '@valtimo/process-link';
|
|
46
46
|
import * as i17 from 'angular-split';
|
|
47
47
|
import { AngularSplitModule } from 'angular-split';
|
|
@@ -3764,7 +3764,7 @@ class DossierDetailTaskListComponent {
|
|
|
3764
3764
|
? { ...acc, myTasks: [...acc.myTasks, curr] }
|
|
3765
3765
|
: { ...acc, otherTasks: [...acc.otherTasks, curr] }, { myTasks: [], otherTasks: [] });
|
|
3766
3766
|
}
|
|
3767
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DossierDetailTaskListComponent, deps: [{ token: i2$1.DocumentService }, { token: i2$3.ProcessService }, { token: i1$1.ActivatedRoute }, { token: i2$4.PermissionService }, { token: i5$1.UserProviderService }, { token: DossierDetailLayoutService }, { token:
|
|
3767
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DossierDetailTaskListComponent, deps: [{ token: i2$1.DocumentService }, { token: i2$3.ProcessService }, { token: i1$1.ActivatedRoute }, { token: i2$4.PermissionService }, { token: i5$1.UserProviderService }, { token: DossierDetailLayoutService }, { token: i3$3.ProcessLinkService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3768
3768
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DossierDetailTaskListComponent, isStandalone: true, selector: "valtimo-dossier-detail-task-list", inputs: { openTaskAndProcessLinkInModal: "openTaskAndProcessLinkInModal" }, outputs: { taskClickEvent: "taskClickEvent", formSubmitEvent: "formSubmitEvent" }, viewQueries: [{ propertyName: "_taskDetailModal", first: true, predicate: ["taskDetail"], descendants: true }], ngImport: i0, template: "<!--\n ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n ~\n ~ Licensed under EUPL, Version 1.2 (the \"License\");\n ~ you may not use this file except in compliance with the License.\n ~ You may obtain a copy of the License at\n ~\n ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n ~\n ~ Unless required by applicable law or agreed to in writing, software\n ~ distributed under the License is distributed on an \"AS IS\" basis,\n ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n ~ See the License for the specific language governing permissions and\n ~ limitations under the License.\n -->\n\n<div\n class=\"task-list\"\n *ngIf=\"{loadingTasks: loadingTasks$ | async, tasks: processInstanceTasks$ | async} as obs\"\n>\n @if (obs.loadingTasks && !obs.tasks) {\n <ng-container *ngTemplateOutlet=\"loadingTasksTemplate\"></ng-container>\n } @else if (obs.tasks?.myTasks?.length === 0 && obs.tasks?.otherTasks?.length === 0) {\n <ng-container *ngTemplateOutlet=\"noTasksTemplate\"></ng-container>\n } @else {\n <h2 class=\"task-list__title\">{{ 'summary.tasks' | translate }}</h2>\n\n <div class=\"task-list__tasks-container\" cdsLayer=\"1\">\n <h3 class=\"task-list__subtitle\">{{ 'summary.myTasks' | translate }}</h3>\n\n @if (obs.tasks?.myTasks.length === 0) {\n {{ 'summary.noResultsMyTasks' | translate }}\n } @else {\n @for (taskWithProcessLink of obs.tasks?.myTasks; track taskWithProcessLink.task.id) {\n <ng-container\n *ngTemplateOutlet=\"taskTemplate; context: {taskWithProcessLink: taskWithProcessLink}\"\n ></ng-container>\n }\n }\n </div>\n\n <div class=\"task-list__tasks-container\" cdsLayer=\"1\">\n <h3 class=\"task-list__subtitle\">{{ 'summary.otherTasks' | translate }}</h3>\n\n @if (obs.tasks?.otherTasks.length === 0) {\n {{ 'summary.noResultsOtherTasks' | translate }}\n } @else {\n @for (taskWithProcessLink of obs.tasks?.otherTasks; track taskWithProcessLink.task.id) {\n <ng-container\n *ngTemplateOutlet=\"taskTemplate; context: {taskWithProcessLink: taskWithProcessLink}\"\n ></ng-container>\n }\n }\n </div>\n }\n\n <valtimo-task-detail-modal\n #taskDetail\n [modalSize]=\"formSize$ | async\"\n (formSubmit)=\"onFormSubmit()\"\n (assignmentOfTaskChanged)=\"refresh()\"\n ></valtimo-task-detail-modal>\n</div>\n\n<ng-template #taskTemplate let-taskWithProcessLink=\"taskWithProcessLink\">\n <cds-clickable-tile [href]=\"null\" (click)=\"rowTaskClick(taskWithProcessLink)\">\n <div class=\"task\">\n <div class=\"task__header\">\n <span class=\"task__title\">{{ taskWithProcessLink.task.name }}</span>\n\n <cds-tag\n class=\"cds-tag--no-margin\"\n [type]=\"taskWithProcessLink.task.isLocked ? 'cool-gray' : 'green'\"\n >\n @if (!taskWithProcessLink.task.isLocked) {\n {{ 'summary.taskOpen' | translate }}\n } @else {\n <i class=\"icon mdi mdi-lock\"></i>\n }\n </cds-tag>\n </div>\n\n <div class=\"task__description\">\n {{ 'summary.taskCreated' | translate }} {{ taskWithProcessLink.task.created }}\n </div>\n\n <div class=\"task__subtitles\">\n @for (\n subtitle of taskWithProcessLink?.processLinkActivityResult?.properties?.subtitles || [];\n track subtitle\n ) {\n <p class=\"task__subtitle\">{{ subtitle }}</p>\n }\n </div>\n </div>\n </cds-clickable-tile>\n</ng-template>\n\n<ng-template #noTasksTemplate>\n <valtimo-no-results\n [alwaysRenderVertically]=\"true\"\n illustration=\"valtimo-layout/img/emptystate-success.svg\"\n [description]=\"'summary.userTasksDoneState' | translate\"\n [smallPadding]=\"true\"\n ></valtimo-no-results>\n</ng-template>\n\n<ng-template #loadingTasksTemplate>\n <div class=\"loading-container\">\n <cds-loading size=\"sm\"></cds-loading>\n </div>\n</ng-template>\n", styles: [".task-list{width:100%;background-color:var(--cds-layer);padding:24px;display:flex;flex-direction:column;gap:16px}.task-list__title{font-size:24px;line-height:24px;font-weight:600}.task-list__subtitle{font-size:16px;line-height:16px;font-weight:600}.task-list__tasks-container,.task{display:flex;flex-direction:column;gap:8px}.task__header{display:flex;justify-content:space-between;align-items:center;gap:8px}.task__header .cds--tag{margin:0;white-space:pre}.task__title{width:100%;font-size:14px;font-weight:600;line-height:20px;letter-spacing:.16px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.task__subtitle{font-size:12px;font-weight:400;line-height:16px;letter-spacing:.32px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task__subtitles{display:flex;flex-direction:column;gap:4px}.task__description{font-size:12px;font-weight:400;line-height:16px;letter-spacing:.32px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.loading-container{width:100%;display:flex;justify-content:center}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i6$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: WidgetModule }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i5.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: TaskModule }, { kind: "component", type: i1$3.TaskDetailModalComponent, selector: "valtimo-task-detail-modal", inputs: ["modalSize"], outputs: ["formSubmit", "assignmentOfTaskChanged"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i5.ClickableTile, selector: "cds-clickable-tile, ibm-clickable-tile", inputs: ["theme", "href", "target", "disabled", "route", "routeExtras"], outputs: ["navigation"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i5.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i5.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i2$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }] }); }
|
|
3769
3769
|
}
|
|
3770
3770
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DossierDetailTaskListComponent, decorators: [{
|
|
@@ -3781,7 +3781,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3781
3781
|
TagModule,
|
|
3782
3782
|
CarbonListModule,
|
|
3783
3783
|
], template: "<!--\n ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n ~\n ~ Licensed under EUPL, Version 1.2 (the \"License\");\n ~ you may not use this file except in compliance with the License.\n ~ You may obtain a copy of the License at\n ~\n ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n ~\n ~ Unless required by applicable law or agreed to in writing, software\n ~ distributed under the License is distributed on an \"AS IS\" basis,\n ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n ~ See the License for the specific language governing permissions and\n ~ limitations under the License.\n -->\n\n<div\n class=\"task-list\"\n *ngIf=\"{loadingTasks: loadingTasks$ | async, tasks: processInstanceTasks$ | async} as obs\"\n>\n @if (obs.loadingTasks && !obs.tasks) {\n <ng-container *ngTemplateOutlet=\"loadingTasksTemplate\"></ng-container>\n } @else if (obs.tasks?.myTasks?.length === 0 && obs.tasks?.otherTasks?.length === 0) {\n <ng-container *ngTemplateOutlet=\"noTasksTemplate\"></ng-container>\n } @else {\n <h2 class=\"task-list__title\">{{ 'summary.tasks' | translate }}</h2>\n\n <div class=\"task-list__tasks-container\" cdsLayer=\"1\">\n <h3 class=\"task-list__subtitle\">{{ 'summary.myTasks' | translate }}</h3>\n\n @if (obs.tasks?.myTasks.length === 0) {\n {{ 'summary.noResultsMyTasks' | translate }}\n } @else {\n @for (taskWithProcessLink of obs.tasks?.myTasks; track taskWithProcessLink.task.id) {\n <ng-container\n *ngTemplateOutlet=\"taskTemplate; context: {taskWithProcessLink: taskWithProcessLink}\"\n ></ng-container>\n }\n }\n </div>\n\n <div class=\"task-list__tasks-container\" cdsLayer=\"1\">\n <h3 class=\"task-list__subtitle\">{{ 'summary.otherTasks' | translate }}</h3>\n\n @if (obs.tasks?.otherTasks.length === 0) {\n {{ 'summary.noResultsOtherTasks' | translate }}\n } @else {\n @for (taskWithProcessLink of obs.tasks?.otherTasks; track taskWithProcessLink.task.id) {\n <ng-container\n *ngTemplateOutlet=\"taskTemplate; context: {taskWithProcessLink: taskWithProcessLink}\"\n ></ng-container>\n }\n }\n </div>\n }\n\n <valtimo-task-detail-modal\n #taskDetail\n [modalSize]=\"formSize$ | async\"\n (formSubmit)=\"onFormSubmit()\"\n (assignmentOfTaskChanged)=\"refresh()\"\n ></valtimo-task-detail-modal>\n</div>\n\n<ng-template #taskTemplate let-taskWithProcessLink=\"taskWithProcessLink\">\n <cds-clickable-tile [href]=\"null\" (click)=\"rowTaskClick(taskWithProcessLink)\">\n <div class=\"task\">\n <div class=\"task__header\">\n <span class=\"task__title\">{{ taskWithProcessLink.task.name }}</span>\n\n <cds-tag\n class=\"cds-tag--no-margin\"\n [type]=\"taskWithProcessLink.task.isLocked ? 'cool-gray' : 'green'\"\n >\n @if (!taskWithProcessLink.task.isLocked) {\n {{ 'summary.taskOpen' | translate }}\n } @else {\n <i class=\"icon mdi mdi-lock\"></i>\n }\n </cds-tag>\n </div>\n\n <div class=\"task__description\">\n {{ 'summary.taskCreated' | translate }} {{ taskWithProcessLink.task.created }}\n </div>\n\n <div class=\"task__subtitles\">\n @for (\n subtitle of taskWithProcessLink?.processLinkActivityResult?.properties?.subtitles || [];\n track subtitle\n ) {\n <p class=\"task__subtitle\">{{ subtitle }}</p>\n }\n </div>\n </div>\n </cds-clickable-tile>\n</ng-template>\n\n<ng-template #noTasksTemplate>\n <valtimo-no-results\n [alwaysRenderVertically]=\"true\"\n illustration=\"valtimo-layout/img/emptystate-success.svg\"\n [description]=\"'summary.userTasksDoneState' | translate\"\n [smallPadding]=\"true\"\n ></valtimo-no-results>\n</ng-template>\n\n<ng-template #loadingTasksTemplate>\n <div class=\"loading-container\">\n <cds-loading size=\"sm\"></cds-loading>\n </div>\n</ng-template>\n", styles: [".task-list{width:100%;background-color:var(--cds-layer);padding:24px;display:flex;flex-direction:column;gap:16px}.task-list__title{font-size:24px;line-height:24px;font-weight:600}.task-list__subtitle{font-size:16px;line-height:16px;font-weight:600}.task-list__tasks-container,.task{display:flex;flex-direction:column;gap:8px}.task__header{display:flex;justify-content:space-between;align-items:center;gap:8px}.task__header .cds--tag{margin:0;white-space:pre}.task__title{width:100%;font-size:14px;font-weight:600;line-height:20px;letter-spacing:.16px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.task__subtitle{font-size:12px;font-weight:400;line-height:16px;letter-spacing:.32px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task__subtitles{display:flex;flex-direction:column;gap:4px}.task__description{font-size:12px;font-weight:400;line-height:16px;letter-spacing:.32px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.loading-container{width:100%;display:flex;justify-content:center}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
|
|
3784
|
-
}], ctorParameters: () => [{ type: i2$1.DocumentService }, { type: i2$3.ProcessService }, { type: i1$1.ActivatedRoute }, { type: i2$4.PermissionService }, { type: i5$1.UserProviderService }, { type: DossierDetailLayoutService }, { type:
|
|
3784
|
+
}], ctorParameters: () => [{ type: i2$1.DocumentService }, { type: i2$3.ProcessService }, { type: i1$1.ActivatedRoute }, { type: i2$4.PermissionService }, { type: i5$1.UserProviderService }, { type: DossierDetailLayoutService }, { type: i3$3.ProcessLinkService }], propDecorators: { _taskDetailModal: [{
|
|
3785
3785
|
type: ViewChild,
|
|
3786
3786
|
args: ['taskDetail']
|
|
3787
3787
|
}], openTaskAndProcessLinkInModal: [{
|
|
@@ -3917,23 +3917,25 @@ class DossierSupportingProcessStartModalComponent {
|
|
|
3917
3917
|
this.processDefinitionKey$ = new BehaviorSubject('');
|
|
3918
3918
|
this.documentDefinitionName$ = new BehaviorSubject('');
|
|
3919
3919
|
this.processName$ = new BehaviorSubject('');
|
|
3920
|
-
this.formDefinition$ = new BehaviorSubject(
|
|
3921
|
-
this.formioSubmission$ = new BehaviorSubject(
|
|
3920
|
+
this.formDefinition$ = new BehaviorSubject(null);
|
|
3921
|
+
this.formioSubmission$ = new BehaviorSubject(null);
|
|
3922
3922
|
this.processLinkId$ = new BehaviorSubject('');
|
|
3923
|
-
this.options$ = new BehaviorSubject(
|
|
3924
|
-
this.submission$ = new BehaviorSubject(
|
|
3925
|
-
this.processDefinitionId$ = new BehaviorSubject(
|
|
3926
|
-
this.formFlowInstanceId$ = new BehaviorSubject(
|
|
3927
|
-
this.documentId$ = new BehaviorSubject(
|
|
3923
|
+
this.options$ = new BehaviorSubject(null);
|
|
3924
|
+
this.submission$ = new BehaviorSubject(null);
|
|
3925
|
+
this.processDefinitionId$ = new BehaviorSubject(null);
|
|
3926
|
+
this.formFlowInstanceId$ = new BehaviorSubject(null);
|
|
3927
|
+
this.documentId$ = new BehaviorSubject(null);
|
|
3928
3928
|
this.modalOpen$ = new BehaviorSubject(false);
|
|
3929
3929
|
this._formCustomComponentConfig$ = new BehaviorSubject({});
|
|
3930
3930
|
this.closeModalEvent = new EventEmitter();
|
|
3931
|
+
this.$loading = signal(true);
|
|
3931
3932
|
this._subscriptions = new Subscription();
|
|
3932
3933
|
this._formCustomComponentConfig$.next(formCustomComponentConfig);
|
|
3933
3934
|
}
|
|
3934
3935
|
loadProcessLink() {
|
|
3936
|
+
this.$loading.set(true);
|
|
3935
3937
|
combineLatest([this.processDefinitionId$, this.documentId$])
|
|
3936
|
-
.pipe(take$1(1), switchMap(([processDefinitionId, documentId]) => this.processService.getProcessDefinitionStartProcessLink(processDefinitionId, documentId,
|
|
3938
|
+
.pipe(take$1(1), switchMap(([processDefinitionId, documentId]) => this.processService.getProcessDefinitionStartProcessLink(processDefinitionId ?? '', documentId ?? '', '')))
|
|
3937
3939
|
.subscribe(startProcessResult => {
|
|
3938
3940
|
if (startProcessResult) {
|
|
3939
3941
|
this.isUIComponent = false;
|
|
@@ -3944,10 +3946,10 @@ class DossierSupportingProcessStartModalComponent {
|
|
|
3944
3946
|
this.processLinkId$.next(startProcessResult.processLinkId);
|
|
3945
3947
|
break;
|
|
3946
3948
|
case 'form-flow':
|
|
3947
|
-
this.formFlowInstanceId$.next(startProcessResult.properties.formFlowInstanceId);
|
|
3949
|
+
this.formFlowInstanceId$.next(startProcessResult.properties.formFlowInstanceId ?? null);
|
|
3948
3950
|
break;
|
|
3949
3951
|
case 'form-view-model':
|
|
3950
|
-
this.formDefinition$.next(startProcessResult.properties.formDefinition);
|
|
3952
|
+
this.formDefinition$.next(startProcessResult.properties.formDefinition ?? null);
|
|
3951
3953
|
this.setFormViewModelComponent(startProcessResult.properties.formName);
|
|
3952
3954
|
break;
|
|
3953
3955
|
case 'ui-component':
|
|
@@ -3956,6 +3958,7 @@ class DossierSupportingProcessStartModalComponent {
|
|
|
3956
3958
|
break;
|
|
3957
3959
|
}
|
|
3958
3960
|
}
|
|
3961
|
+
this.$loading.set(false);
|
|
3959
3962
|
});
|
|
3960
3963
|
}
|
|
3961
3964
|
openModal(processDocumentDefinition, documentId) {
|
|
@@ -3978,7 +3981,7 @@ class DossierSupportingProcessStartModalComponent {
|
|
|
3978
3981
|
this.formioSubmission$.next(submission);
|
|
3979
3982
|
if (this.processLinkId$.getValue()) {
|
|
3980
3983
|
combineLatest([this.processLinkId$, this.documentId$])
|
|
3981
|
-
.pipe(take$1(1), switchMap(([processLinkId, documentId]) => this.processLinkService.submitForm(processLinkId, submission.data, documentId)))
|
|
3984
|
+
.pipe(take$1(1), switchMap(([processLinkId, documentId]) => this.processLinkService.submitForm(processLinkId, submission.data, documentId ?? '')))
|
|
3982
3985
|
.subscribe({
|
|
3983
3986
|
next: (formSubmissionResult) => {
|
|
3984
3987
|
this.formSubmitted();
|
|
@@ -3992,7 +3995,6 @@ class DossierSupportingProcessStartModalComponent {
|
|
|
3992
3995
|
formSubmitted() {
|
|
3993
3996
|
this.closeCdsModal();
|
|
3994
3997
|
this.formSubmit.emit();
|
|
3995
|
-
this.formDefinition$.next(null);
|
|
3996
3998
|
}
|
|
3997
3999
|
gotoFormLinkScreen() {
|
|
3998
4000
|
this.closeCdsModal();
|
|
@@ -4004,7 +4006,7 @@ class DossierSupportingProcessStartModalComponent {
|
|
|
4004
4006
|
this.closeCdsModal();
|
|
4005
4007
|
}
|
|
4006
4008
|
setFormViewModelComponent(formName) {
|
|
4007
|
-
if (!this.formViewModel.component)
|
|
4009
|
+
if (!this.formViewModel.component || !formName)
|
|
4008
4010
|
return;
|
|
4009
4011
|
this.formViewModelDynamicContainer.clear();
|
|
4010
4012
|
const formViewModelComponent = this.formViewModelDynamicContainer.createComponent(this.formViewModel.component);
|
|
@@ -4035,7 +4037,7 @@ class DossierSupportingProcessStartModalComponent {
|
|
|
4035
4037
|
}
|
|
4036
4038
|
setFormCustomComponent(formCustomComponentKey) {
|
|
4037
4039
|
this.formCustomComponentDynamicContainer.clear();
|
|
4038
|
-
if (!this.formCustomComponentConfig)
|
|
4040
|
+
if (!this.formCustomComponentConfig || !formCustomComponentKey)
|
|
4039
4041
|
return;
|
|
4040
4042
|
this._formCustomComponentConfig$.pipe(take$1(1)).subscribe(formCustomComponentConfig => {
|
|
4041
4043
|
const customComponent = formCustomComponentConfig[formCustomComponentKey];
|
|
@@ -4057,18 +4059,24 @@ class DossierSupportingProcessStartModalComponent {
|
|
|
4057
4059
|
closeCdsModal() {
|
|
4058
4060
|
this.modalOpen$.next(false);
|
|
4059
4061
|
this.closeModalEvent.emit();
|
|
4062
|
+
this.reset();
|
|
4060
4063
|
}
|
|
4061
4064
|
openCdsModal() {
|
|
4062
|
-
this.loadProcessLink();
|
|
4063
4065
|
this.modalOpen$.next(true);
|
|
4064
4066
|
}
|
|
4065
|
-
|
|
4066
|
-
|
|
4067
|
+
reset() {
|
|
4068
|
+
setTimeout(() => {
|
|
4069
|
+
this.formDefinition$.next(null);
|
|
4070
|
+
this.formFlowInstanceId$.next(null);
|
|
4071
|
+
}, CARBON_CONSTANTS.modalAnimationMs);
|
|
4072
|
+
}
|
|
4073
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DossierSupportingProcessStartModalComponent, deps: [{ token: i1$1.Router }, { token: i2$3.ProcessService }, { token: i3$3.ProcessLinkService }, { token: FORM_VIEW_MODEL_TOKEN, optional: true }, { token: FORM_CUSTOM_COMPONENT_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4074
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DossierSupportingProcessStartModalComponent, selector: "valtimo-dossier-supporting-process-start-modal", inputs: { isAdmin: "isAdmin" }, outputs: { formSubmit: "formSubmit" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "formViewModelDynamicContainer", first: true, predicate: ["formViewModelComponent"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "formCustomComponentDynamicContainer", first: true, predicate: ["formCustomComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<!--\n ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n ~\n ~ Licensed under EUPL, Version 1.2 (the \"License\");\n ~ you may not use this file except in compliance with the License.\n ~ You may obtain a copy of the License at\n ~\n ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n ~\n ~ Unless required by applicable law or agreed to in writing, software\n ~ distributed under the License is distributed on an \"AS IS\" basis,\n ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n ~ See the License for the specific language governing permissions and\n ~ limitations under the License.\n -->\n\n<cds-modal [open]=\"modalOpen$ | async\" valtimoCdsModal size=\"sm\">\n <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\" [cdsLayer]=\"1\"\n ><h3 cdsModalHeaderHeading>\n {{\n (processDefinitionKey$ | async | translate) !== (processDefinitionKey$ | async)\n ? (processDefinitionKey$ | async | translate)\n : (processName$ | async)\n }}\n </h3>\n </cds-modal-header>\n\n <section cdsModalContent [cdsLayer]=\"1\">\n <ng-template #formViewModelComponent></ng-template>\n <ng-template #formCustomComponent></ng-template>\n\n @if ($loading()) {\n <cds-loading></cds-loading>\n } @else {\n @if (!isFormViewModel && !isUIComponent && (formDefinition$ | async)) {\n <valtimo-form-io\n #form\n [submission]=\"submission$ | async\"\n [form]=\"formDefinition$ | async\"\n [options]=\"options$ | async\"\n (submit)=\"onSubmit($event)\"\n ></valtimo-form-io>\n }\n\n @if (formFlowInstanceId$ | async) {\n <valtimo-form-flow\n #formFlow\n [formFlowInstanceId]=\"formFlowInstanceId$ | async\"\n (formFlowComplete)=\"formSubmitted()\"\n ></valtimo-form-flow>\n }\n\n @if (!(formDefinition$ | async) && !(formFlowInstanceId$ | async) && !isUIComponent) {\n <div class=\"bg-warning text-black mb-0 p-3 text-center\">\n {{\n isAdmin\n ? ('formManagement.noFormDefinitionFoundAdmin' | translate)\n : ('formManagement.noFormDefinitionFoundUser' | translate)\n }}\n </div>\n <div class=\"mb-0 mt-4 p-3 text-center\">\n <button\n class=\"btn btn-secondary btn-space\"\n type=\"button\"\n (click)=\"gotoFormLinkScreen()\"\n id=\"form-link-button\"\n >\n {{ 'formManagement.gotoProcessLinksButton' | translate }}\n </button>\n </div>\n }\n }\n </section>\n</cds-modal>\n", styles: ["#supportingProcessStartModal .formio-component-submit{text-align:right}cds-loading{display:flex;justify-content:center}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "component", type: i2$2.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "component", type: i5.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i3$3.FormFlowComponent, selector: "valtimo-form-flow", inputs: ["formIoFormData", "formFlowInstanceId"], outputs: ["formFlowComplete", "formFlowChange"] }, { kind: "component", type: i5.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i5.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "directive", type: i5.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i5.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i2$2.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["enableOverflow"] }, { kind: "directive", type: i5.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i6$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
4067
4075
|
}
|
|
4068
4076
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DossierSupportingProcessStartModalComponent, decorators: [{
|
|
4069
4077
|
type: Component,
|
|
4070
|
-
args: [{ selector: 'valtimo-dossier-supporting-process-start-modal', encapsulation: ViewEncapsulation.None, template: "<!--\n ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n ~\n ~ Licensed under EUPL, Version 1.2 (the \"License\");\n ~ you may not use this file except in compliance with the License.\n ~ You may obtain a copy of the License at\n ~\n ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n ~\n ~ Unless required by applicable law or agreed to in writing, software\n ~ distributed under the License is distributed on an \"AS IS\" basis,\n ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n ~ See the License for the specific language governing permissions and\n ~ limitations under the License.\n -->\n\n<cds-modal [open]=\"modalOpen$ | async\" valtimoCdsModal size=\"sm\">\n <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\" [cdsLayer]=\"1\"\n ><h3 cdsModalHeaderHeading>\n {{\n (processDefinitionKey$ | async | translate) !== (processDefinitionKey$ | async)\n ? (processDefinitionKey$ | async | translate)\n : (processName$ | async)\n }}\n </h3>\n </cds-modal-header>\n\n <section cdsModalContent [cdsLayer]=\"1\">\n <ng-template #formViewModelComponent></ng-template>\n <ng-template #formCustomComponent></ng-template>\n\n @if (!isFormViewModel && !isUIComponent && (formDefinition$ | async)) {\n
|
|
4071
|
-
}], ctorParameters: () => [{ type: i1$1.Router }, { type: i2$3.ProcessService }, { type:
|
|
4078
|
+
args: [{ selector: 'valtimo-dossier-supporting-process-start-modal', encapsulation: ViewEncapsulation.None, template: "<!--\n ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n ~\n ~ Licensed under EUPL, Version 1.2 (the \"License\");\n ~ you may not use this file except in compliance with the License.\n ~ You may obtain a copy of the License at\n ~\n ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n ~\n ~ Unless required by applicable law or agreed to in writing, software\n ~ distributed under the License is distributed on an \"AS IS\" basis,\n ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n ~ See the License for the specific language governing permissions and\n ~ limitations under the License.\n -->\n\n<cds-modal [open]=\"modalOpen$ | async\" valtimoCdsModal size=\"sm\">\n <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\" [cdsLayer]=\"1\"\n ><h3 cdsModalHeaderHeading>\n {{\n (processDefinitionKey$ | async | translate) !== (processDefinitionKey$ | async)\n ? (processDefinitionKey$ | async | translate)\n : (processName$ | async)\n }}\n </h3>\n </cds-modal-header>\n\n <section cdsModalContent [cdsLayer]=\"1\">\n <ng-template #formViewModelComponent></ng-template>\n <ng-template #formCustomComponent></ng-template>\n\n @if ($loading()) {\n <cds-loading></cds-loading>\n } @else {\n @if (!isFormViewModel && !isUIComponent && (formDefinition$ | async)) {\n <valtimo-form-io\n #form\n [submission]=\"submission$ | async\"\n [form]=\"formDefinition$ | async\"\n [options]=\"options$ | async\"\n (submit)=\"onSubmit($event)\"\n ></valtimo-form-io>\n }\n\n @if (formFlowInstanceId$ | async) {\n <valtimo-form-flow\n #formFlow\n [formFlowInstanceId]=\"formFlowInstanceId$ | async\"\n (formFlowComplete)=\"formSubmitted()\"\n ></valtimo-form-flow>\n }\n\n @if (!(formDefinition$ | async) && !(formFlowInstanceId$ | async) && !isUIComponent) {\n <div class=\"bg-warning text-black mb-0 p-3 text-center\">\n {{\n isAdmin\n ? ('formManagement.noFormDefinitionFoundAdmin' | translate)\n : ('formManagement.noFormDefinitionFoundUser' | translate)\n }}\n </div>\n <div class=\"mb-0 mt-4 p-3 text-center\">\n <button\n class=\"btn btn-secondary btn-space\"\n type=\"button\"\n (click)=\"gotoFormLinkScreen()\"\n id=\"form-link-button\"\n >\n {{ 'formManagement.gotoProcessLinksButton' | translate }}\n </button>\n </div>\n }\n }\n </section>\n</cds-modal>\n", styles: ["#supportingProcessStartModal .formio-component-submit{text-align:right}cds-loading{display:flex;justify-content:center}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
|
|
4079
|
+
}], ctorParameters: () => [{ type: i1$1.Router }, { type: i2$3.ProcessService }, { type: i3$3.ProcessLinkService }, { type: undefined, decorators: [{
|
|
4072
4080
|
type: Optional
|
|
4073
4081
|
}, {
|
|
4074
4082
|
type: Inject,
|
|
@@ -4695,13 +4703,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4695
4703
|
* limitations under the License.
|
|
4696
4704
|
*/
|
|
4697
4705
|
class DossierProcessStartModalComponent {
|
|
4698
|
-
|
|
4699
|
-
this.
|
|
4706
|
+
set formViewModelDynamicContainer(vcr) {
|
|
4707
|
+
this._formViewModelDynamicContainer$.next(vcr);
|
|
4708
|
+
}
|
|
4709
|
+
get formViewModelDynamicContainer$() {
|
|
4710
|
+
return this._formViewModelDynamicContainer$.pipe(filter$1(temp => !!temp));
|
|
4711
|
+
}
|
|
4712
|
+
set formCustomComponentDynamicContainer(vcr) {
|
|
4713
|
+
this._formCustomComponentDynamicContainer$.next(vcr);
|
|
4714
|
+
}
|
|
4715
|
+
get formCustomComponentDynamicContainer$() {
|
|
4716
|
+
return this._formCustomComponentDynamicContainer$.pipe(filter$1(temp => !!temp));
|
|
4717
|
+
}
|
|
4718
|
+
constructor(router, processService, processLinkService, userProviderService, permissionService, listService, startModalService, configService, formViewModel, formCustomComponentConfig, urlResolverService) {
|
|
4700
4719
|
this.router = router;
|
|
4701
4720
|
this.processService = processService;
|
|
4702
|
-
this.documentService = documentService;
|
|
4703
4721
|
this.processLinkService = processLinkService;
|
|
4704
|
-
this.formFlowService = formFlowService;
|
|
4705
4722
|
this.userProviderService = userProviderService;
|
|
4706
4723
|
this.permissionService = permissionService;
|
|
4707
4724
|
this.listService = listService;
|
|
@@ -4712,6 +4729,8 @@ class DossierProcessStartModalComponent {
|
|
|
4712
4729
|
this.urlResolverService = urlResolverService;
|
|
4713
4730
|
this.isFormViewModel = false;
|
|
4714
4731
|
this.isUIComponent = false;
|
|
4732
|
+
this._formViewModelDynamicContainer$ = new BehaviorSubject(undefined);
|
|
4733
|
+
this._formCustomComponentDynamicContainer$ = new BehaviorSubject(undefined);
|
|
4715
4734
|
this.formFlowComplete = new EventEmitter();
|
|
4716
4735
|
this.noProcessLinked = new EventEmitter();
|
|
4717
4736
|
this.modalOpen$ = new BehaviorSubject(false);
|
|
@@ -4744,6 +4763,7 @@ class DossierProcessStartModalComponent {
|
|
|
4744
4763
|
.pipe(take$1(1))
|
|
4745
4764
|
.subscribe(startProcessResult => {
|
|
4746
4765
|
this.$loading.set(false);
|
|
4766
|
+
this.openCdsModal();
|
|
4747
4767
|
if (startProcessResult) {
|
|
4748
4768
|
this.isUIComponent = false;
|
|
4749
4769
|
this.isFormViewModel = false;
|
|
@@ -4751,11 +4771,9 @@ class DossierProcessStartModalComponent {
|
|
|
4751
4771
|
case 'form':
|
|
4752
4772
|
this.formDefinition = startProcessResult.properties.prefilledForm;
|
|
4753
4773
|
this.processLinkId = startProcessResult.processLinkId;
|
|
4754
|
-
this.openCdsModal();
|
|
4755
4774
|
break;
|
|
4756
4775
|
case 'form-flow':
|
|
4757
4776
|
this.formFlowInstanceId = startProcessResult.properties.formFlowInstanceId;
|
|
4758
|
-
this.openCdsModal();
|
|
4759
4777
|
break;
|
|
4760
4778
|
case 'form-view-model':
|
|
4761
4779
|
this.formDefinition = startProcessResult.properties.formDefinition;
|
|
@@ -4763,7 +4781,6 @@ class DossierProcessStartModalComponent {
|
|
|
4763
4781
|
this.processLinkId = startProcessResult.processLinkId;
|
|
4764
4782
|
this.isFormViewModel = true;
|
|
4765
4783
|
this.setFormViewModelComponent();
|
|
4766
|
-
this.openCdsModal();
|
|
4767
4784
|
break;
|
|
4768
4785
|
case 'url':
|
|
4769
4786
|
this.processLinkId = startProcessResult.processLinkId;
|
|
@@ -4783,7 +4800,6 @@ class DossierProcessStartModalComponent {
|
|
|
4783
4800
|
case 'ui-component':
|
|
4784
4801
|
this.setFormCustomComponent(startProcessResult.properties.componentKey);
|
|
4785
4802
|
this.isUIComponent = true;
|
|
4786
|
-
this.openCdsModal();
|
|
4787
4803
|
break;
|
|
4788
4804
|
}
|
|
4789
4805
|
}
|
|
@@ -4862,40 +4878,44 @@ class DossierProcessStartModalComponent {
|
|
|
4862
4878
|
});
|
|
4863
4879
|
}
|
|
4864
4880
|
setFormViewModelComponent() {
|
|
4865
|
-
|
|
4866
|
-
|
|
4867
|
-
|
|
4868
|
-
|
|
4869
|
-
|
|
4870
|
-
|
|
4871
|
-
|
|
4872
|
-
|
|
4873
|
-
|
|
4874
|
-
|
|
4875
|
-
this.
|
|
4876
|
-
|
|
4877
|
-
}));
|
|
4878
|
-
this._subscriptions.add(this.closeModalEvent.subscribe(() => {
|
|
4879
|
-
formViewModelComponent.destroy();
|
|
4880
|
-
}));
|
|
4881
|
-
}
|
|
4882
|
-
setFormCustomComponent(formCustomComponentKey) {
|
|
4883
|
-
this.formCustomComponentDynamicContainer.clear();
|
|
4884
|
-
if (!this.formCustomComponentConfig)
|
|
4885
|
-
return;
|
|
4886
|
-
this._formCustomComponentConfig$.pipe(take$1(1)).subscribe(formCustomComponentConfig => {
|
|
4887
|
-
const customComponent = formCustomComponentConfig[formCustomComponentKey];
|
|
4888
|
-
const renderedComponent = this.formCustomComponentDynamicContainer.createComponent(customComponent);
|
|
4889
|
-
renderedComponent.instance.processDefinitionKey = this.processDefinitionKey;
|
|
4890
|
-
renderedComponent.instance.documentDefinitionName = this.documentDefinitionName;
|
|
4891
|
-
renderedComponent.instance.submittedEvent.subscribe(() => {
|
|
4881
|
+
this.formViewModelDynamicContainer$.pipe(take$1(1)).subscribe(template => {
|
|
4882
|
+
if (!this.formViewModel.component)
|
|
4883
|
+
return;
|
|
4884
|
+
template.clear();
|
|
4885
|
+
const formViewModelComponent = template.createComponent(this.formViewModel.component);
|
|
4886
|
+
formViewModelComponent.instance.form = this.formDefinition;
|
|
4887
|
+
formViewModelComponent.instance.formName = this.formName;
|
|
4888
|
+
formViewModelComponent.instance.isStartForm = true;
|
|
4889
|
+
formViewModelComponent.instance.processDefinitionKey = this.processDefinitionKey;
|
|
4890
|
+
formViewModelComponent.instance.documentDefinitionName = this.documentDefinitionName;
|
|
4891
|
+
this._subscriptions.add(formViewModelComponent.instance.formSubmit.subscribe(() => {
|
|
4892
|
+
this.listService.forceRefresh();
|
|
4892
4893
|
this.closeCdsModal();
|
|
4893
|
-
});
|
|
4894
|
+
}));
|
|
4894
4895
|
this._subscriptions.add(this.closeModalEvent.subscribe(() => {
|
|
4895
|
-
|
|
4896
|
+
formViewModelComponent.destroy();
|
|
4896
4897
|
}));
|
|
4897
4898
|
});
|
|
4898
4899
|
}
|
|
4900
|
+
setFormCustomComponent(formCustomComponentKey) {
|
|
4901
|
+
this.formCustomComponentDynamicContainer$.pipe(take$1(1)).subscribe(template => {
|
|
4902
|
+
template.clear();
|
|
4903
|
+
if (!this.formCustomComponentConfig)
|
|
4904
|
+
return;
|
|
4905
|
+
this._formCustomComponentConfig$.pipe(take$1(1)).subscribe(formCustomComponentConfig => {
|
|
4906
|
+
const customComponent = formCustomComponentConfig[formCustomComponentKey];
|
|
4907
|
+
const renderedComponent = template.createComponent(customComponent);
|
|
4908
|
+
renderedComponent.instance.processDefinitionKey = this.processDefinitionKey;
|
|
4909
|
+
renderedComponent.instance.documentDefinitionName = this.documentDefinitionName;
|
|
4910
|
+
renderedComponent.instance.submittedEvent.subscribe(() => {
|
|
4911
|
+
this.closeCdsModal();
|
|
4912
|
+
});
|
|
4913
|
+
this._subscriptions.add(this.closeModalEvent.subscribe(() => {
|
|
4914
|
+
renderedComponent.destroy();
|
|
4915
|
+
}));
|
|
4916
|
+
});
|
|
4917
|
+
});
|
|
4918
|
+
}
|
|
4899
4919
|
openCdsModal() {
|
|
4900
4920
|
this.modalOpen$.next(true);
|
|
4901
4921
|
}
|
|
@@ -4903,13 +4923,13 @@ class DossierProcessStartModalComponent {
|
|
|
4903
4923
|
this.modalOpen$.next(false);
|
|
4904
4924
|
this.closeModalEvent.emit();
|
|
4905
4925
|
}
|
|
4906
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DossierProcessStartModalComponent, deps: [{ token: i1$1.
|
|
4907
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DossierProcessStartModalComponent, selector: "valtimo-dossier-process-start-modal", outputs: { formFlowComplete: "formFlowComplete", noProcessLinked: "noProcessLinked" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "formViewModelDynamicContainer", first: true, predicate: ["formViewModelComponent"], descendants: true, read: ViewContainerRef
|
|
4926
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DossierProcessStartModalComponent, deps: [{ token: i1$1.Router }, { token: i2$3.ProcessService }, { token: i3$3.ProcessLinkService }, { token: i5$1.UserProviderService }, { token: i2$4.PermissionService }, { token: DossierListService }, { token: StartModalService }, { token: i1.ConfigService }, { token: FORM_VIEW_MODEL_TOKEN, optional: true }, { token: FORM_CUSTOM_COMPONENT_TOKEN, optional: true }, { token: i3$3.UrlResolverService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4927
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DossierProcessStartModalComponent, selector: "valtimo-dossier-process-start-modal", outputs: { formFlowComplete: "formFlowComplete", noProcessLinked: "noProcessLinked" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "formViewModelDynamicContainer", first: true, predicate: ["formViewModelComponent"], descendants: true, read: ViewContainerRef }, { propertyName: "formCustomComponentDynamicContainer", first: true, predicate: ["formCustomComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<!--\n ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n ~\n ~ Licensed under EUPL, Version 1.2 (the \"License\");\n ~ you may not use this file except in compliance with the License.\n ~ You may obtain a copy of the License at\n ~\n ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n ~\n ~ Unless required by applicable law or agreed to in writing, software\n ~ distributed under the License is distributed on an \"AS IS\" basis,\n ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n ~ See the License for the specific language governing permissions and\n ~ limitations under the License.\n -->\n\n<cds-modal [open]=\"modalOpen$ | async\" size=\"sm\" valtimoCdsModal [enableOverflow]=\"true\">\n <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\"\n ><h3 cdsModalHeaderHeading>\n {{ modalTitle }}\n </h3>\n </cds-modal-header>\n\n <section cdsModalContent [cdsLayer]=\"1\" class=\"process-start-modal-content\">\n @if ($loading()) {\n <cds-loading></cds-loading>\n } @else {\n @if (modalOpen$ | async) {\n <ng-template #formViewModelComponent></ng-template>\n\n <ng-template #formCustomComponent></ng-template>\n }\n\n @if (formDefinition && !isFormViewModel && !isUIComponent) {\n <valtimo-form-io\n #form\n [form]=\"formDefinition\"\n [options]=\"options\"\n (submit)=\"onSubmit($event)\"\n >\n </valtimo-form-io>\n }\n\n @if (formFlowInstanceId) {\n <valtimo-form-flow\n [formFlowInstanceId]=\"formFlowInstanceId\"\n (formFlowComplete)=\"formFlowSubmitted()\"\n ></valtimo-form-flow>\n }\n\n @if (!formFlowInstanceId && !formDefinition && isAdmin && !isUIComponent) {\n <div\n class=\"bg-warning text-black mb-0 p-3 text-center\"\n [translate]=\"'formManagement.noFormDefinitionFoundAdmin'\"\n ></div>\n <div class=\"mb-0 mt-4 p-3 text-center\">\n <button\n (click)=\"gotoProcessLinkScreen()\"\n class=\"btn btn-secondary btn-space\"\n id=\"process-link-button\"\n type=\"button\"\n >\n {{ 'formManagement.gotoProcessLinksButton' | translate }}\n </button>\n </div>\n }\n\n @if (!formFlowInstanceId && !formDefinition && !isAdmin && !isUIComponent) {\n <div\n class=\"bg-warning text-black mb-0 p-3 text-center\"\n [translate]=\"'formManagement.noFormDefinitionFoundUser'\"\n ></div>\n }\n }\n </section>\n</cds-modal>\n", styles: [".process-start-modal-content{padding:16px}cds-loading{display:flex;justify-content:center}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "component", type: i2$2.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "directive", type: i6.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i3$3.FormFlowComponent, selector: "valtimo-form-flow", inputs: ["formIoFormData", "formFlowInstanceId"], outputs: ["formFlowComplete", "formFlowChange"] }, { kind: "component", type: i5.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i5.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "directive", type: i5.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i5.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i2$2.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["enableOverflow"] }, { kind: "directive", type: i5.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i6$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
4908
4928
|
}
|
|
4909
4929
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DossierProcessStartModalComponent, decorators: [{
|
|
4910
4930
|
type: Component,
|
|
4911
|
-
args: [{ selector: 'valtimo-dossier-process-start-modal', encapsulation: ViewEncapsulation.None, template: "<!--\n ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n ~\n ~ Licensed under EUPL, Version 1.2 (the \"License\");\n ~ you may not use this file except in compliance with the License.\n ~ You may obtain a copy of the License at\n ~\n ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n ~\n ~ Unless required by applicable law or agreed to in writing, software\n ~ distributed under the License is distributed on an \"AS IS\" basis,\n ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n ~ See the License for the specific language governing permissions and\n ~ limitations under the License.\n -->\n\n<cds-modal [open]=\"modalOpen$ | async\" size=\"sm\" valtimoCdsModal [enableOverflow]=\"true\">\n <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\"\n ><h3 cdsModalHeaderHeading>\n {{ modalTitle }}\n </h3>\n </cds-modal-header>\n\n <section cdsModalContent [cdsLayer]=\"1\" class=\"process-start-modal-content\">\n @if ($loading()) {\n <cds-loading></cds-loading>\n } @else {\n <ng-template #formViewModelComponent></ng-template>\n\n
|
|
4912
|
-
}], ctorParameters: () => [{ type: i1$1.
|
|
4931
|
+
args: [{ selector: 'valtimo-dossier-process-start-modal', encapsulation: ViewEncapsulation.None, template: "<!--\n ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n ~\n ~ Licensed under EUPL, Version 1.2 (the \"License\");\n ~ you may not use this file except in compliance with the License.\n ~ You may obtain a copy of the License at\n ~\n ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n ~\n ~ Unless required by applicable law or agreed to in writing, software\n ~ distributed under the License is distributed on an \"AS IS\" basis,\n ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n ~ See the License for the specific language governing permissions and\n ~ limitations under the License.\n -->\n\n<cds-modal [open]=\"modalOpen$ | async\" size=\"sm\" valtimoCdsModal [enableOverflow]=\"true\">\n <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\"\n ><h3 cdsModalHeaderHeading>\n {{ modalTitle }}\n </h3>\n </cds-modal-header>\n\n <section cdsModalContent [cdsLayer]=\"1\" class=\"process-start-modal-content\">\n @if ($loading()) {\n <cds-loading></cds-loading>\n } @else {\n @if (modalOpen$ | async) {\n <ng-template #formViewModelComponent></ng-template>\n\n <ng-template #formCustomComponent></ng-template>\n }\n\n @if (formDefinition && !isFormViewModel && !isUIComponent) {\n <valtimo-form-io\n #form\n [form]=\"formDefinition\"\n [options]=\"options\"\n (submit)=\"onSubmit($event)\"\n >\n </valtimo-form-io>\n }\n\n @if (formFlowInstanceId) {\n <valtimo-form-flow\n [formFlowInstanceId]=\"formFlowInstanceId\"\n (formFlowComplete)=\"formFlowSubmitted()\"\n ></valtimo-form-flow>\n }\n\n @if (!formFlowInstanceId && !formDefinition && isAdmin && !isUIComponent) {\n <div\n class=\"bg-warning text-black mb-0 p-3 text-center\"\n [translate]=\"'formManagement.noFormDefinitionFoundAdmin'\"\n ></div>\n <div class=\"mb-0 mt-4 p-3 text-center\">\n <button\n (click)=\"gotoProcessLinkScreen()\"\n class=\"btn btn-secondary btn-space\"\n id=\"process-link-button\"\n type=\"button\"\n >\n {{ 'formManagement.gotoProcessLinksButton' | translate }}\n </button>\n </div>\n }\n\n @if (!formFlowInstanceId && !formDefinition && !isAdmin && !isUIComponent) {\n <div\n class=\"bg-warning text-black mb-0 p-3 text-center\"\n [translate]=\"'formManagement.noFormDefinitionFoundUser'\"\n ></div>\n }\n }\n </section>\n</cds-modal>\n", styles: [".process-start-modal-content{padding:16px}cds-loading{display:flex;justify-content:center}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
|
|
4932
|
+
}], ctorParameters: () => [{ type: i1$1.Router }, { type: i2$3.ProcessService }, { type: i3$3.ProcessLinkService }, { type: i5$1.UserProviderService }, { type: i2$4.PermissionService }, { type: DossierListService }, { type: StartModalService }, { type: i1.ConfigService }, { type: undefined, decorators: [{
|
|
4913
4933
|
type: Optional
|
|
4914
4934
|
}, {
|
|
4915
4935
|
type: Inject,
|
|
@@ -4919,15 +4939,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4919
4939
|
}, {
|
|
4920
4940
|
type: Inject,
|
|
4921
4941
|
args: [FORM_CUSTOM_COMPONENT_TOKEN]
|
|
4922
|
-
}] }, { type:
|
|
4942
|
+
}] }, { type: i3$3.UrlResolverService }], propDecorators: { form: [{
|
|
4923
4943
|
type: ViewChild,
|
|
4924
4944
|
args: ['form', { static: false }]
|
|
4925
4945
|
}], formViewModelDynamicContainer: [{
|
|
4926
4946
|
type: ViewChild,
|
|
4927
|
-
args: ['formViewModelComponent', {
|
|
4947
|
+
args: ['formViewModelComponent', { read: ViewContainerRef }]
|
|
4928
4948
|
}], formCustomComponentDynamicContainer: [{
|
|
4929
4949
|
type: ViewChild,
|
|
4930
|
-
args: ['formCustomComponent', {
|
|
4950
|
+
args: ['formCustomComponent', { read: ViewContainerRef }]
|
|
4931
4951
|
}], formFlowComplete: [{
|
|
4932
4952
|
type: Output
|
|
4933
4953
|
}], noProcessLinked: [{
|