@valtimo/plugin-management 0.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +33 -0
- package/fesm2022/valtimo-plugin-management.mjs +836 -0
- package/fesm2022/valtimo-plugin-management.mjs.map +1 -0
- package/index.d.ts +6 -0
- package/lib/components/plugin-add-modal/plugin-add-modal.component.d.ts +26 -0
- package/lib/components/plugin-add-modal/plugin-add-modal.component.d.ts.map +1 -0
- package/lib/components/plugin-add-select/plugin-add-select.component.d.ts +24 -0
- package/lib/components/plugin-add-select/plugin-add-select.component.d.ts.map +1 -0
- package/lib/components/plugin-configure/plugin-configure.component.d.ts +19 -0
- package/lib/components/plugin-configure/plugin-configure.component.d.ts.map +1 -0
- package/lib/components/plugin-edit/plugin-edit.component.d.ts +22 -0
- package/lib/components/plugin-edit/plugin-edit.component.d.ts.map +1 -0
- package/lib/components/plugin-edit-modal/plugin-edit-modal.component.d.ts +27 -0
- package/lib/components/plugin-edit-modal/plugin-edit-modal.component.d.ts.map +1 -0
- package/lib/components/plugin-management/plugin-management.component.d.ts +31 -0
- package/lib/components/plugin-management/plugin-management.component.d.ts.map +1 -0
- package/lib/models/index.d.ts +2 -0
- package/lib/models/index.d.ts.map +1 -0
- package/lib/models/plugin-modal.model.d.ts +3 -0
- package/lib/models/plugin-modal.model.d.ts.map +1 -0
- package/lib/plugin-management-routing.d.ts +9 -0
- package/lib/plugin-management-routing.d.ts.map +1 -0
- package/lib/plugin-management.module.d.ts +19 -0
- package/lib/plugin-management.module.d.ts.map +1 -0
- package/lib/services/index.d.ts +2 -0
- package/lib/services/index.d.ts.map +1 -0
- package/lib/services/plugin-management-state.service.d.ts +53 -0
- package/lib/services/plugin-management-state.service.d.ts.map +1 -0
- package/package.json +24 -0
- package/public-api.d.ts +10 -0
- package/public-api.d.ts.map +1 -0
- package/valtimo-plugin-management.d.ts.map +1 -0
|
@@ -0,0 +1,836 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Injectable, Component, EventEmitter, Output, Input, NgModule } from '@angular/core';
|
|
3
|
+
import { Subject, BehaviorSubject, combineLatest, of } from 'rxjs';
|
|
4
|
+
import { map, take, switchMap, tap } from 'rxjs/operators';
|
|
5
|
+
import * as i2 from '@valtimo/plugin';
|
|
6
|
+
import { PluginTranslatePipeModule, PluginConfigurationContainerModule } from '@valtimo/plugin';
|
|
7
|
+
import * as i2$1 from '@angular/platform-browser';
|
|
8
|
+
import * as i1 from '@angular/router';
|
|
9
|
+
import { RouterModule } from '@angular/router';
|
|
10
|
+
import * as i3 from '@angular/common';
|
|
11
|
+
import { CommonModule } from '@angular/common';
|
|
12
|
+
import { AuthGuardService } from '@valtimo/security';
|
|
13
|
+
import { ROLE_ADMIN } from '@valtimo/shared';
|
|
14
|
+
import * as i4 from '@valtimo/components';
|
|
15
|
+
import { CARBON_CONSTANTS, ViewType, ParagraphModule, TableModule, StepperModule, VModalModule, CarbonListModule, ValtimoCdsModalDirective } from '@valtimo/components';
|
|
16
|
+
import { cloneDeep } from 'lodash';
|
|
17
|
+
import { v4 } from 'uuid';
|
|
18
|
+
import * as i3$1 from 'ngx-logger';
|
|
19
|
+
import * as i4$1 from '@ngx-translate/core';
|
|
20
|
+
import { TranslateModule } from '@ngx-translate/core';
|
|
21
|
+
import * as i5 from 'carbon-components-angular';
|
|
22
|
+
import { ButtonModule, ModalModule, IconModule, LayerModule, TilesModule, LoadingModule } from 'carbon-components-angular';
|
|
23
|
+
|
|
24
|
+
/*
|
|
25
|
+
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
26
|
+
*
|
|
27
|
+
* Licensed under EUPL, Version 1.2 (the "License");
|
|
28
|
+
* you may not use this file except in compliance with the License.
|
|
29
|
+
* You may obtain a copy of the License at
|
|
30
|
+
*
|
|
31
|
+
* https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
|
|
32
|
+
*
|
|
33
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
34
|
+
* distributed under the License is distributed on an "AS IS" basis,
|
|
35
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
36
|
+
* See the License for the specific language governing permissions and
|
|
37
|
+
* limitations under the License.
|
|
38
|
+
*/
|
|
39
|
+
|
|
40
|
+
/*
|
|
41
|
+
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
42
|
+
*
|
|
43
|
+
* Licensed under EUPL, Version 1.2 (the "License");
|
|
44
|
+
* you may not use this file except in compliance with the License.
|
|
45
|
+
* You may obtain a copy of the License at
|
|
46
|
+
*
|
|
47
|
+
* https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
|
|
48
|
+
*
|
|
49
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
50
|
+
* distributed under the License is distributed on an "AS IS" basis,
|
|
51
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
52
|
+
* See the License for the specific language governing permissions and
|
|
53
|
+
* limitations under the License.
|
|
54
|
+
*/
|
|
55
|
+
|
|
56
|
+
/*
|
|
57
|
+
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
58
|
+
*
|
|
59
|
+
* Licensed under EUPL, Version 1.2 (the "License");
|
|
60
|
+
* you may not use this file except in compliance with the License.
|
|
61
|
+
* You may obtain a copy of the License at
|
|
62
|
+
*
|
|
63
|
+
* https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
|
|
64
|
+
*
|
|
65
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
66
|
+
* distributed under the License is distributed on an "AS IS" basis,
|
|
67
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
68
|
+
* See the License for the specific language governing permissions and
|
|
69
|
+
* limitations under the License.
|
|
70
|
+
*/
|
|
71
|
+
class PluginManagementStateService {
|
|
72
|
+
constructor(pluginService, sanitizer) {
|
|
73
|
+
this.pluginService = pluginService;
|
|
74
|
+
this.sanitizer = sanitizer;
|
|
75
|
+
this._showModal$ = new Subject();
|
|
76
|
+
this._hideModal$ = new Subject();
|
|
77
|
+
this._inputDisabled$ = new BehaviorSubject(false);
|
|
78
|
+
this._refresh$ = new BehaviorSubject(null);
|
|
79
|
+
this._save$ = new Subject();
|
|
80
|
+
this._saveEdit$ = new Subject();
|
|
81
|
+
this._delete$ = new Subject();
|
|
82
|
+
this._hideModalSaveButton$ = new BehaviorSubject(false);
|
|
83
|
+
this._pluginDefinitions$ = new BehaviorSubject(undefined);
|
|
84
|
+
this._pluginDefinitionsWithLogos$ = combineLatest([
|
|
85
|
+
this._pluginDefinitions$,
|
|
86
|
+
this.pluginService.pluginSpecifications$,
|
|
87
|
+
this.pluginService.availablePluginIds$,
|
|
88
|
+
]).pipe(map(([pluginDefinitions, pluginSpecifications, availablePluginIds]) => pluginDefinitions
|
|
89
|
+
?.filter(pluginDefinition => availablePluginIds.includes(pluginDefinition.key))
|
|
90
|
+
.map(pluginDefinition => {
|
|
91
|
+
const pluginSpecification = pluginSpecifications.find(specification => specification.pluginId === pluginDefinition.key);
|
|
92
|
+
return {
|
|
93
|
+
...pluginDefinition,
|
|
94
|
+
...(pluginSpecification?.pluginLogoBase64 && {
|
|
95
|
+
pluginLogoBase64: this.sanitizer.bypassSecurityTrustResourceUrl(pluginSpecification?.pluginLogoBase64),
|
|
96
|
+
}),
|
|
97
|
+
};
|
|
98
|
+
})));
|
|
99
|
+
this._selectedPluginDefinition$ = new BehaviorSubject(undefined);
|
|
100
|
+
this._selectedPluginConfiguration$ = new BehaviorSubject(undefined);
|
|
101
|
+
}
|
|
102
|
+
get showModal$() {
|
|
103
|
+
return this._showModal$.asObservable();
|
|
104
|
+
}
|
|
105
|
+
get hideModal$() {
|
|
106
|
+
return this._hideModal$.asObservable();
|
|
107
|
+
}
|
|
108
|
+
get inputDisabled$() {
|
|
109
|
+
return this._inputDisabled$.asObservable();
|
|
110
|
+
}
|
|
111
|
+
get refresh$() {
|
|
112
|
+
return this._refresh$.asObservable();
|
|
113
|
+
}
|
|
114
|
+
get pluginDefinitions$() {
|
|
115
|
+
return this._pluginDefinitions$.asObservable();
|
|
116
|
+
}
|
|
117
|
+
get pluginDefinitionsWithLogos$() {
|
|
118
|
+
return this._pluginDefinitionsWithLogos$;
|
|
119
|
+
}
|
|
120
|
+
get selectedPluginDefinition$() {
|
|
121
|
+
return this._selectedPluginDefinition$.asObservable();
|
|
122
|
+
}
|
|
123
|
+
get selectedPluginConfiguration$() {
|
|
124
|
+
return this._selectedPluginConfiguration$.asObservable();
|
|
125
|
+
}
|
|
126
|
+
get save$() {
|
|
127
|
+
return this._save$.asObservable();
|
|
128
|
+
}
|
|
129
|
+
get saveEdit$() {
|
|
130
|
+
return this._saveEdit$.asObservable();
|
|
131
|
+
}
|
|
132
|
+
get delete$() {
|
|
133
|
+
return this._delete$.asObservable();
|
|
134
|
+
}
|
|
135
|
+
get hideModalSaveButton$() {
|
|
136
|
+
return this._hideModalSaveButton$.asObservable();
|
|
137
|
+
}
|
|
138
|
+
showModal(modalType) {
|
|
139
|
+
this._showModal$.next(modalType);
|
|
140
|
+
}
|
|
141
|
+
hideModal() {
|
|
142
|
+
this._hideModal$.next(null);
|
|
143
|
+
}
|
|
144
|
+
disableInput() {
|
|
145
|
+
this._inputDisabled$.next(true);
|
|
146
|
+
}
|
|
147
|
+
enableInput() {
|
|
148
|
+
this._inputDisabled$.next(false);
|
|
149
|
+
}
|
|
150
|
+
refresh() {
|
|
151
|
+
this._refresh$.next(null);
|
|
152
|
+
}
|
|
153
|
+
setPluginDefinitions(definitions) {
|
|
154
|
+
this._pluginDefinitions$.next(definitions);
|
|
155
|
+
}
|
|
156
|
+
selectPluginDefinition(definition) {
|
|
157
|
+
this._selectedPluginDefinition$.next(definition);
|
|
158
|
+
}
|
|
159
|
+
selectPluginConfiguration(configuration) {
|
|
160
|
+
this._selectedPluginConfiguration$.next(configuration);
|
|
161
|
+
}
|
|
162
|
+
clearSelectedPluginDefinition() {
|
|
163
|
+
this._selectedPluginDefinition$.next(undefined);
|
|
164
|
+
}
|
|
165
|
+
clearSelectedPluginConfiguration() {
|
|
166
|
+
this._selectedPluginConfiguration$.next(undefined);
|
|
167
|
+
}
|
|
168
|
+
save() {
|
|
169
|
+
this._save$.next(null);
|
|
170
|
+
}
|
|
171
|
+
saveEdit() {
|
|
172
|
+
this._saveEdit$.next(null);
|
|
173
|
+
}
|
|
174
|
+
delete() {
|
|
175
|
+
this._delete$.next(null);
|
|
176
|
+
}
|
|
177
|
+
hideModalSaveButton() {
|
|
178
|
+
this._hideModalSaveButton$.next(true);
|
|
179
|
+
}
|
|
180
|
+
showModalSaveButton() {
|
|
181
|
+
this._hideModalSaveButton$.next(false);
|
|
182
|
+
}
|
|
183
|
+
clear() {
|
|
184
|
+
this.clearSelectedPluginDefinition();
|
|
185
|
+
this.clearSelectedPluginConfiguration();
|
|
186
|
+
}
|
|
187
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementStateService, deps: [{ token: i2.PluginService }, { token: i2$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
188
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementStateService, providedIn: 'root' }); }
|
|
189
|
+
}
|
|
190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementStateService, decorators: [{
|
|
191
|
+
type: Injectable,
|
|
192
|
+
args: [{
|
|
193
|
+
providedIn: 'root',
|
|
194
|
+
}]
|
|
195
|
+
}], ctorParameters: () => [{ type: i2.PluginService }, { type: i2$1.DomSanitizer }] });
|
|
196
|
+
|
|
197
|
+
/*
|
|
198
|
+
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
199
|
+
*
|
|
200
|
+
* Licensed under EUPL, Version 1.2 (the "License");
|
|
201
|
+
* you may not use this file except in compliance with the License.
|
|
202
|
+
* You may obtain a copy of the License at
|
|
203
|
+
*
|
|
204
|
+
* https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
|
|
205
|
+
*
|
|
206
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
207
|
+
* distributed under the License is distributed on an "AS IS" basis,
|
|
208
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
209
|
+
* See the License for the specific language governing permissions and
|
|
210
|
+
* limitations under the License.
|
|
211
|
+
*/
|
|
212
|
+
|
|
213
|
+
/*
|
|
214
|
+
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
215
|
+
*
|
|
216
|
+
* Licensed under EUPL, Version 1.2 (the "License");
|
|
217
|
+
* you may not use this file except in compliance with the License.
|
|
218
|
+
* You may obtain a copy of the License at
|
|
219
|
+
*
|
|
220
|
+
* https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
|
|
221
|
+
*
|
|
222
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
223
|
+
* distributed under the License is distributed on an "AS IS" basis,
|
|
224
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
225
|
+
* See the License for the specific language governing permissions and
|
|
226
|
+
* limitations under the License.
|
|
227
|
+
*/
|
|
228
|
+
class PluginAddSelectComponent {
|
|
229
|
+
constructor(pluginManagementService, stateService) {
|
|
230
|
+
this.pluginManagementService = pluginManagementService;
|
|
231
|
+
this.stateService = stateService;
|
|
232
|
+
this.selectedPluginDefinition$ = this.stateService.selectedPluginDefinition$;
|
|
233
|
+
this.disabled$ = this.stateService.inputDisabled$;
|
|
234
|
+
this.pluginDefinitionsWithLogos$ = this.stateService.pluginDefinitionsWithLogos$;
|
|
235
|
+
}
|
|
236
|
+
ngOnInit() {
|
|
237
|
+
this.openRefreshSubscription();
|
|
238
|
+
this.getPluginDefinitions();
|
|
239
|
+
}
|
|
240
|
+
ngOnDestroy() {
|
|
241
|
+
this.refreshSubscription?.unsubscribe();
|
|
242
|
+
}
|
|
243
|
+
selectPluginDefinition(event) {
|
|
244
|
+
this.stateService.selectPluginDefinition(event.value);
|
|
245
|
+
}
|
|
246
|
+
deselectPluginDefinition() {
|
|
247
|
+
this.stateService.clearSelectedPluginDefinition();
|
|
248
|
+
}
|
|
249
|
+
getPluginDefinitions() {
|
|
250
|
+
this.pluginManagementService.getPluginDefinitions().subscribe(pluginDefinitions => {
|
|
251
|
+
this.stateService.setPluginDefinitions(pluginDefinitions);
|
|
252
|
+
});
|
|
253
|
+
}
|
|
254
|
+
openRefreshSubscription() {
|
|
255
|
+
this.refreshSubscription = combineLatest([
|
|
256
|
+
this.stateService.showModal$,
|
|
257
|
+
this.stateService.refresh$,
|
|
258
|
+
]).subscribe(() => {
|
|
259
|
+
this.stateService.clearSelectedPluginDefinition();
|
|
260
|
+
});
|
|
261
|
+
}
|
|
262
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginAddSelectComponent, deps: [{ token: i2.PluginManagementService }, { token: PluginManagementStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
263
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PluginAddSelectComponent, isStandalone: false, selector: "valtimo-plugin-add-select", ngImport: i0, template: "<!--\n ~ Copyright 2015-2025 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<ng-container *ngIf=\"pluginDefinitionsWithLogos$ | async as pluginDefinitions; else loading\">\n <div class=\"plugin-definition__grid\">\n <ng-container\n *ngTemplateOutlet=\"pluginDefinitionsTemplate; context: {pluginDefinitions: pluginDefinitions}\"\n ></ng-container>\n <ng-container\n *ngTemplateOutlet=\"\n noPluginDefinitionsTemplate;\n context: {pluginDefinitions: pluginDefinitions}\n \"\n ></ng-container>\n </div>\n</ng-container>\n\n<ng-template #noPluginDefinitionsTemplate let-pluginDefinitions=\"pluginDefinitions\">\n <div *ngIf=\"pluginDefinitions?.length === 0\" class=\"plugin-definition__no-results\">\n <v-paragraph [center]=\"true\" [fullWidth]=\"true\">{{\n 'pluginManagement.noDefinitions' | translate\n }}</v-paragraph>\n </div>\n</ng-template>\n\n<ng-template #pluginDefinitionsTemplate let-pluginDefinitions=\"pluginDefinitions\">\n <cds-tile-group [multiple]=\"false\" (selected)=\"selectPluginDefinition($event)\" [cdsLayer]=\"1\">\n <cds-selection-tile\n *ngFor=\"let pluginDefinition of pluginDefinitions\"\n [value]=\"pluginDefinition\"\n [selected]=\"(selectedPluginDefinition$ | async)?.key === pluginDefinition.key\"\n >\n <img\n class=\"plugin-definition-logo\"\n [title]=\"'title' | pluginTranslate: pluginDefinition.key | async\"\n [src]=\"pluginDefinition.pluginLogoBase64\"\n />\n\n <h5>{{ 'title' | pluginTranslate: pluginDefinition.key | async }}</h5>\n\n <p>{{ 'description' | pluginTranslate: pluginDefinition.key | async }}</p>\n </cds-selection-tile>\n </cds-tile-group>\n</ng-template>\n\n<ng-template #loading>\n <div class=\"plugin-definition__grid\">\n <ng-container *ngTemplateOutlet=\"loadingCard\"></ng-container>\n <ng-container *ngTemplateOutlet=\"loadingCard\"></ng-container>\n <ng-container *ngTemplateOutlet=\"loadingCard\"></ng-container>\n </div>\n</ng-template>\n\n<ng-template #loadingCard>\n <div class=\"plugin-definition__item\">\n <cds-loading size=\"sm\"></cds-loading>\n </div>\n</ng-template>\n", styles: [".btn-back{position:absolute}.cards-container{display:flex;flex-flow:row wrap;width:100%}.card{width:calc(33.3% - 20px);margin-right:30px}.card:nth-child(3n+3){margin-right:0}.card-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plugin-definition-logo{object-fit:contain;height:60px;width:100%}.plugin-definition__grid{flex-flow:wrap;box-sizing:border-box;display:flex;margin:0 -22px -22px 0}.plugin-definition__item{flex:1 1 33.3%;box-sizing:border-box;max-width:33.3%;padding:0 22px 22px 0}.plugin-definition__no-results{box-sizing:border-box;flex:1 1 100%;padding:0 22px 22px 0}:host ::ng-deep fieldset{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:calc(100% - 24px)}:host ::ng-deep .cds--tile--selectable{height:100%;padding:16px}:host ::ng-deep .cds--tile-content{display:flex;flex-direction:column;gap:16px;color:var(--cds-text-primary)}\n/*!\n * Copyright 2015-2025 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: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "directive", type: i5.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: i5.SelectionTile, selector: "cds-selection-tile, ibm-selection-tile", inputs: ["theme", "id", "selected", "value", "disabled"], outputs: ["change"] }, { kind: "component", type: i5.TileGroup, selector: "cds-tile-group, ibm-tile-group", inputs: ["name", "multiple", "legend"], outputs: ["selected"] }, { kind: "component", type: i5.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i2.PluginTranslatePipe, name: "pluginTranslate" }] }); }
|
|
264
|
+
}
|
|
265
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginAddSelectComponent, decorators: [{
|
|
266
|
+
type: Component,
|
|
267
|
+
args: [{ standalone: false, selector: 'valtimo-plugin-add-select', template: "<!--\n ~ Copyright 2015-2025 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<ng-container *ngIf=\"pluginDefinitionsWithLogos$ | async as pluginDefinitions; else loading\">\n <div class=\"plugin-definition__grid\">\n <ng-container\n *ngTemplateOutlet=\"pluginDefinitionsTemplate; context: {pluginDefinitions: pluginDefinitions}\"\n ></ng-container>\n <ng-container\n *ngTemplateOutlet=\"\n noPluginDefinitionsTemplate;\n context: {pluginDefinitions: pluginDefinitions}\n \"\n ></ng-container>\n </div>\n</ng-container>\n\n<ng-template #noPluginDefinitionsTemplate let-pluginDefinitions=\"pluginDefinitions\">\n <div *ngIf=\"pluginDefinitions?.length === 0\" class=\"plugin-definition__no-results\">\n <v-paragraph [center]=\"true\" [fullWidth]=\"true\">{{\n 'pluginManagement.noDefinitions' | translate\n }}</v-paragraph>\n </div>\n</ng-template>\n\n<ng-template #pluginDefinitionsTemplate let-pluginDefinitions=\"pluginDefinitions\">\n <cds-tile-group [multiple]=\"false\" (selected)=\"selectPluginDefinition($event)\" [cdsLayer]=\"1\">\n <cds-selection-tile\n *ngFor=\"let pluginDefinition of pluginDefinitions\"\n [value]=\"pluginDefinition\"\n [selected]=\"(selectedPluginDefinition$ | async)?.key === pluginDefinition.key\"\n >\n <img\n class=\"plugin-definition-logo\"\n [title]=\"'title' | pluginTranslate: pluginDefinition.key | async\"\n [src]=\"pluginDefinition.pluginLogoBase64\"\n />\n\n <h5>{{ 'title' | pluginTranslate: pluginDefinition.key | async }}</h5>\n\n <p>{{ 'description' | pluginTranslate: pluginDefinition.key | async }}</p>\n </cds-selection-tile>\n </cds-tile-group>\n</ng-template>\n\n<ng-template #loading>\n <div class=\"plugin-definition__grid\">\n <ng-container *ngTemplateOutlet=\"loadingCard\"></ng-container>\n <ng-container *ngTemplateOutlet=\"loadingCard\"></ng-container>\n <ng-container *ngTemplateOutlet=\"loadingCard\"></ng-container>\n </div>\n</ng-template>\n\n<ng-template #loadingCard>\n <div class=\"plugin-definition__item\">\n <cds-loading size=\"sm\"></cds-loading>\n </div>\n</ng-template>\n", styles: [".btn-back{position:absolute}.cards-container{display:flex;flex-flow:row wrap;width:100%}.card{width:calc(33.3% - 20px);margin-right:30px}.card:nth-child(3n+3){margin-right:0}.card-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plugin-definition-logo{object-fit:contain;height:60px;width:100%}.plugin-definition__grid{flex-flow:wrap;box-sizing:border-box;display:flex;margin:0 -22px -22px 0}.plugin-definition__item{flex:1 1 33.3%;box-sizing:border-box;max-width:33.3%;padding:0 22px 22px 0}.plugin-definition__no-results{box-sizing:border-box;flex:1 1 100%;padding:0 22px 22px 0}:host ::ng-deep fieldset{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:calc(100% - 24px)}:host ::ng-deep .cds--tile--selectable{height:100%;padding:16px}:host ::ng-deep .cds--tile-content{display:flex;flex-direction:column;gap:16px;color:var(--cds-text-primary)}\n/*!\n * Copyright 2015-2025 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"] }]
|
|
268
|
+
}], ctorParameters: () => [{ type: i2.PluginManagementService }, { type: PluginManagementStateService }] });
|
|
269
|
+
|
|
270
|
+
/*
|
|
271
|
+
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
272
|
+
*
|
|
273
|
+
* Licensed under EUPL, Version 1.2 (the "License");
|
|
274
|
+
* you may not use this file except in compliance with the License.
|
|
275
|
+
* You may obtain a copy of the License at
|
|
276
|
+
*
|
|
277
|
+
* https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
|
|
278
|
+
*
|
|
279
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
280
|
+
* distributed under the License is distributed on an "AS IS" basis,
|
|
281
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
282
|
+
* See the License for the specific language governing permissions and
|
|
283
|
+
* limitations under the License.
|
|
284
|
+
*/
|
|
285
|
+
class PluginConfigureComponent {
|
|
286
|
+
constructor(stateService) {
|
|
287
|
+
this.stateService = stateService;
|
|
288
|
+
this.valid = new EventEmitter();
|
|
289
|
+
this.configuration = new EventEmitter();
|
|
290
|
+
this.save$ = this.stateService.save$;
|
|
291
|
+
this.pluginDefinitionKey$ = this.stateService.selectedPluginDefinition$.pipe(map(definition => definition?.key));
|
|
292
|
+
this.prefillConfiguration$ = of(undefined);
|
|
293
|
+
this.disabled$ = this.stateService.inputDisabled$;
|
|
294
|
+
}
|
|
295
|
+
onValid(valid) {
|
|
296
|
+
this.valid.emit(valid);
|
|
297
|
+
}
|
|
298
|
+
onFunctionConfiguration(configuration) {
|
|
299
|
+
this.configuration.emit(configuration);
|
|
300
|
+
}
|
|
301
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginConfigureComponent, deps: [{ token: PluginManagementStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
302
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PluginConfigureComponent, isStandalone: false, selector: "valtimo-plugin-configure", outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n ~ Copyright 2015-2025 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<valtimo-plugin-configuration-container\n *ngIf=\"pluginDefinitionKey$ | async as pluginDefinitionKey\"\n [cdsLayer]=\"1\"\n [pluginDefinitionKey]=\"pluginDefinitionKey\"\n [prefillConfiguration$]=\"prefillConfiguration$\"\n [save$]=\"save$\"\n [disabled$]=\"disabled$\"\n (valid)=\"onValid($event)\"\n (configuration)=\"onFunctionConfiguration($event)\"\n type=\"configuration\"\n></valtimo-plugin-configuration-container>\n", styles: ["/*!\n * Copyright 2015-2025 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: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PluginConfigurationContainerComponent, selector: "valtimo-plugin-configuration-container", inputs: ["type", "pluginDefinitionKey", "functionKey", "save$", "disabled$", "selectedPluginConfiguration$", "prefillConfiguration$"], outputs: ["valid", "configuration"] }, { kind: "directive", type: i5.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
|
|
303
|
+
}
|
|
304
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginConfigureComponent, decorators: [{
|
|
305
|
+
type: Component,
|
|
306
|
+
args: [{ standalone: false, selector: 'valtimo-plugin-configure', template: "<!--\n ~ Copyright 2015-2025 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<valtimo-plugin-configuration-container\n *ngIf=\"pluginDefinitionKey$ | async as pluginDefinitionKey\"\n [cdsLayer]=\"1\"\n [pluginDefinitionKey]=\"pluginDefinitionKey\"\n [prefillConfiguration$]=\"prefillConfiguration$\"\n [save$]=\"save$\"\n [disabled$]=\"disabled$\"\n (valid)=\"onValid($event)\"\n (configuration)=\"onFunctionConfiguration($event)\"\n type=\"configuration\"\n></valtimo-plugin-configuration-container>\n", styles: ["/*!\n * Copyright 2015-2025 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"] }]
|
|
307
|
+
}], ctorParameters: () => [{ type: PluginManagementStateService }], propDecorators: { valid: [{
|
|
308
|
+
type: Output
|
|
309
|
+
}], configuration: [{
|
|
310
|
+
type: Output
|
|
311
|
+
}] } });
|
|
312
|
+
|
|
313
|
+
/*
|
|
314
|
+
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
315
|
+
*
|
|
316
|
+
* Licensed under EUPL, Version 1.2 (the "License");
|
|
317
|
+
* you may not use this file except in compliance with the License.
|
|
318
|
+
* You may obtain a copy of the License at
|
|
319
|
+
*
|
|
320
|
+
* https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
|
|
321
|
+
*
|
|
322
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
323
|
+
* distributed under the License is distributed on an "AS IS" basis,
|
|
324
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
325
|
+
* See the License for the specific language governing permissions and
|
|
326
|
+
* limitations under the License.
|
|
327
|
+
*/
|
|
328
|
+
class PluginAddModalComponent {
|
|
329
|
+
constructor(stateService, pluginManagementService, logger) {
|
|
330
|
+
this.stateService = stateService;
|
|
331
|
+
this.pluginManagementService = pluginManagementService;
|
|
332
|
+
this.logger = logger;
|
|
333
|
+
this.open = false;
|
|
334
|
+
this.closeModal = new EventEmitter();
|
|
335
|
+
this.inputDisabled$ = this.stateService.inputDisabled$;
|
|
336
|
+
this.selectedPluginDefinition$ = this.stateService.selectedPluginDefinition$;
|
|
337
|
+
this.configurationValid$ = new BehaviorSubject(false);
|
|
338
|
+
this.returnToFirstStepSubject$ = new Subject();
|
|
339
|
+
}
|
|
340
|
+
complete() {
|
|
341
|
+
this.stateService.save();
|
|
342
|
+
}
|
|
343
|
+
hide() {
|
|
344
|
+
this.closeModal.emit();
|
|
345
|
+
setTimeout(() => {
|
|
346
|
+
this.returnToFirstStep();
|
|
347
|
+
this.stateService.enableInput();
|
|
348
|
+
this.stateService.clear();
|
|
349
|
+
}, CARBON_CONSTANTS.modalAnimationMs);
|
|
350
|
+
}
|
|
351
|
+
onValid(valid) {
|
|
352
|
+
this.configurationValid$.next(valid);
|
|
353
|
+
}
|
|
354
|
+
onConfiguration(configuration) {
|
|
355
|
+
const pluginConfiguration = { ...configuration };
|
|
356
|
+
delete pluginConfiguration['configurationId'];
|
|
357
|
+
delete pluginConfiguration['configurationTitle'];
|
|
358
|
+
this.stateService.disableInput();
|
|
359
|
+
this.stateService.selectedPluginDefinition$.pipe(take(1)).subscribe(selectedDefinition => {
|
|
360
|
+
this.pluginManagementService
|
|
361
|
+
.savePluginConfiguration({
|
|
362
|
+
id: configuration.configurationId,
|
|
363
|
+
definitionKey: selectedDefinition.key,
|
|
364
|
+
title: configuration.configurationTitle,
|
|
365
|
+
properties: pluginConfiguration,
|
|
366
|
+
})
|
|
367
|
+
.subscribe({
|
|
368
|
+
next: () => {
|
|
369
|
+
this.stateService.refresh();
|
|
370
|
+
this.hide();
|
|
371
|
+
},
|
|
372
|
+
error: () => {
|
|
373
|
+
this.logger.error('Something went wrong with saving the plugin configuration.');
|
|
374
|
+
this.stateService.enableInput();
|
|
375
|
+
},
|
|
376
|
+
});
|
|
377
|
+
});
|
|
378
|
+
}
|
|
379
|
+
returnToFirstStep() {
|
|
380
|
+
this.returnToFirstStepSubject$.next(true);
|
|
381
|
+
}
|
|
382
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginAddModalComponent, deps: [{ token: PluginManagementStateService }, { token: i2.PluginManagementService }, { token: i3$1.NGXLogger }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
383
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PluginAddModalComponent, isStandalone: false, selector: "valtimo-plugin-add-modal", inputs: { open: "open" }, outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<!--\n ~ Copyright 2015-2025 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<v-stepper-container\n (completeEvent)=\"complete()\"\n (cancelClickEvent)=\"hide()\"\n [disabled]=\"inputDisabled$ | async\"\n [returnToFirstStepSubject$]=\"returnToFirstStepSubject$\"\n>\n <cds-modal valtimoCdsModal #pluginAddModal [open]=\"open\" (close)=\"hide()\">\n <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"hide()\">\n <v-stepper-header></v-stepper-header>\n </cds-modal-header>\n <section cdsModalContent>\n <v-stepper-content>\n <v-stepper-step titleTranslationKey=\"pluginManagement.addSteps.step0\">\n <valtimo-plugin-add-select></valtimo-plugin-add-select>\n </v-stepper-step>\n <v-stepper-step titleTranslationKey=\"pluginManagement.addSteps.step1\">\n <valtimo-plugin-configure\n (valid)=\"onValid($event)\"\n (configuration)=\"onConfiguration($event)\"\n ></valtimo-plugin-configure>\n </v-stepper-step>\n </v-stepper-content>\n </section>\n <cds-modal-footer>\n <v-stepper-footer class=\"stepper-footer\">\n <v-stepper-footer-step\n nextButtonTranslationKey=\"pluginManagement.addSteps.step1\"\n [nextButtonEnabled]=\"selectedPluginDefinition$ | async\"\n ></v-stepper-footer-step>\n <v-stepper-footer-step\n completeButtonTranslationKey=\"pluginManagement.addSteps.complete\"\n [completeButtonEnabled]=\"configurationValid$ | async\"\n ></v-stepper-footer-step>\n </v-stepper-footer>\n </cds-modal-footer>\n </cds-modal>\n</v-stepper-container>\n", styles: [".stepper-footer{width:100%}\n/*!\n * Copyright 2015-2025 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: i4.StepperContainerComponent, selector: "v-stepper-container", inputs: ["returnToFirstStepSubject$", "disabled"], outputs: ["cancelClickEvent", "completeEvent", "nextStepEvent"] }, { kind: "component", type: i4.StepperContentComponent, selector: "v-stepper-content" }, { kind: "component", type: i4.StepperFooterComponent, selector: "v-stepper-footer" }, { kind: "component", type: i4.StepperHeaderComponent, selector: "v-stepper-header" }, { kind: "component", type: i4.StepperStepComponent, selector: "v-stepper-step", inputs: ["titleTranslationKey"] }, { kind: "component", type: i4.StepperFooterStepComponent, selector: "v-stepper-footer-step", inputs: ["nextButtonEnabled", "completeButtonEnabled", "nextButtonTranslationKey", "cancelButtonTranslationKey", "completeButtonTranslationKey", "completeButtonMdiIcon", "showCompleteButton"] }, { 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: "component", type: i5.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i5.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: PluginAddSelectComponent, selector: "valtimo-plugin-add-select" }, { kind: "component", type: PluginConfigureComponent, selector: "valtimo-plugin-configure", outputs: ["valid", "configuration"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
|
|
384
|
+
}
|
|
385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginAddModalComponent, decorators: [{
|
|
386
|
+
type: Component,
|
|
387
|
+
args: [{ standalone: false, selector: 'valtimo-plugin-add-modal', template: "<!--\n ~ Copyright 2015-2025 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<v-stepper-container\n (completeEvent)=\"complete()\"\n (cancelClickEvent)=\"hide()\"\n [disabled]=\"inputDisabled$ | async\"\n [returnToFirstStepSubject$]=\"returnToFirstStepSubject$\"\n>\n <cds-modal valtimoCdsModal #pluginAddModal [open]=\"open\" (close)=\"hide()\">\n <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"hide()\">\n <v-stepper-header></v-stepper-header>\n </cds-modal-header>\n <section cdsModalContent>\n <v-stepper-content>\n <v-stepper-step titleTranslationKey=\"pluginManagement.addSteps.step0\">\n <valtimo-plugin-add-select></valtimo-plugin-add-select>\n </v-stepper-step>\n <v-stepper-step titleTranslationKey=\"pluginManagement.addSteps.step1\">\n <valtimo-plugin-configure\n (valid)=\"onValid($event)\"\n (configuration)=\"onConfiguration($event)\"\n ></valtimo-plugin-configure>\n </v-stepper-step>\n </v-stepper-content>\n </section>\n <cds-modal-footer>\n <v-stepper-footer class=\"stepper-footer\">\n <v-stepper-footer-step\n nextButtonTranslationKey=\"pluginManagement.addSteps.step1\"\n [nextButtonEnabled]=\"selectedPluginDefinition$ | async\"\n ></v-stepper-footer-step>\n <v-stepper-footer-step\n completeButtonTranslationKey=\"pluginManagement.addSteps.complete\"\n [completeButtonEnabled]=\"configurationValid$ | async\"\n ></v-stepper-footer-step>\n </v-stepper-footer>\n </cds-modal-footer>\n </cds-modal>\n</v-stepper-container>\n", styles: [".stepper-footer{width:100%}\n/*!\n * Copyright 2015-2025 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"] }]
|
|
388
|
+
}], ctorParameters: () => [{ type: PluginManagementStateService }, { type: i2.PluginManagementService }, { type: i3$1.NGXLogger }], propDecorators: { open: [{
|
|
389
|
+
type: Input
|
|
390
|
+
}], closeModal: [{
|
|
391
|
+
type: Output
|
|
392
|
+
}] } });
|
|
393
|
+
|
|
394
|
+
/*
|
|
395
|
+
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
396
|
+
*
|
|
397
|
+
* Licensed under EUPL, Version 1.2 (the "License");
|
|
398
|
+
* you may not use this file except in compliance with the License.
|
|
399
|
+
* You may obtain a copy of the License at
|
|
400
|
+
*
|
|
401
|
+
* https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
|
|
402
|
+
*
|
|
403
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
404
|
+
* distributed under the License is distributed on an "AS IS" basis,
|
|
405
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
406
|
+
* See the License for the specific language governing permissions and
|
|
407
|
+
* limitations under the License.
|
|
408
|
+
*/
|
|
409
|
+
class PluginEditComponent {
|
|
410
|
+
constructor(stateService) {
|
|
411
|
+
this.stateService = stateService;
|
|
412
|
+
this.valid = new EventEmitter();
|
|
413
|
+
this.configuration = new EventEmitter();
|
|
414
|
+
this.saveEdit$ = this.stateService.saveEdit$;
|
|
415
|
+
this.pluginDefinitionKey$ = this.stateService.selectedPluginConfiguration$.pipe(map(configuration => configuration?.pluginDefinition?.key));
|
|
416
|
+
this.prefillConfiguration$ = this.stateService.selectedPluginConfiguration$.pipe(map(configuration => configuration
|
|
417
|
+
? {
|
|
418
|
+
...configuration.properties,
|
|
419
|
+
configurationId: configuration.id,
|
|
420
|
+
configurationTitle: configuration.title,
|
|
421
|
+
}
|
|
422
|
+
: undefined));
|
|
423
|
+
this.disabled$ = this.stateService.inputDisabled$;
|
|
424
|
+
}
|
|
425
|
+
onValid(valid) {
|
|
426
|
+
this.valid.emit(valid);
|
|
427
|
+
}
|
|
428
|
+
onFunctionConfiguration(configuration) {
|
|
429
|
+
this.configuration.emit(configuration);
|
|
430
|
+
}
|
|
431
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginEditComponent, deps: [{ token: PluginManagementStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
432
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PluginEditComponent, isStandalone: false, selector: "valtimo-plugin-edit", outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n ~ Copyright 2015-2025 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<valtimo-plugin-configuration-container\n *ngIf=\"pluginDefinitionKey$ | async as pluginDefinitionKey\"\n [cdsLayer]=\"1\"\n [pluginDefinitionKey]=\"pluginDefinitionKey\"\n [prefillConfiguration$]=\"prefillConfiguration$\"\n [save$]=\"saveEdit$\"\n [disabled$]=\"disabled$\"\n (valid)=\"onValid($event)\"\n (configuration)=\"onFunctionConfiguration($event)\"\n type=\"configuration\"\n></valtimo-plugin-configuration-container>\n", styles: ["/*!\n * Copyright 2015-2025 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: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PluginConfigurationContainerComponent, selector: "valtimo-plugin-configuration-container", inputs: ["type", "pluginDefinitionKey", "functionKey", "save$", "disabled$", "selectedPluginConfiguration$", "prefillConfiguration$"], outputs: ["valid", "configuration"] }, { kind: "directive", type: i5.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
|
|
433
|
+
}
|
|
434
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginEditComponent, decorators: [{
|
|
435
|
+
type: Component,
|
|
436
|
+
args: [{ standalone: false, selector: 'valtimo-plugin-edit', template: "<!--\n ~ Copyright 2015-2025 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<valtimo-plugin-configuration-container\n *ngIf=\"pluginDefinitionKey$ | async as pluginDefinitionKey\"\n [cdsLayer]=\"1\"\n [pluginDefinitionKey]=\"pluginDefinitionKey\"\n [prefillConfiguration$]=\"prefillConfiguration$\"\n [save$]=\"saveEdit$\"\n [disabled$]=\"disabled$\"\n (valid)=\"onValid($event)\"\n (configuration)=\"onFunctionConfiguration($event)\"\n type=\"configuration\"\n></valtimo-plugin-configuration-container>\n", styles: ["/*!\n * Copyright 2015-2025 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"] }]
|
|
437
|
+
}], ctorParameters: () => [{ type: PluginManagementStateService }], propDecorators: { valid: [{
|
|
438
|
+
type: Output
|
|
439
|
+
}], configuration: [{
|
|
440
|
+
type: Output
|
|
441
|
+
}] } });
|
|
442
|
+
|
|
443
|
+
/*
|
|
444
|
+
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
445
|
+
*
|
|
446
|
+
* Licensed under EUPL, Version 1.2 (the "License");
|
|
447
|
+
* you may not use this file except in compliance with the License.
|
|
448
|
+
* You may obtain a copy of the License at
|
|
449
|
+
*
|
|
450
|
+
* https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
|
|
451
|
+
*
|
|
452
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
453
|
+
* distributed under the License is distributed on an "AS IS" basis,
|
|
454
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
455
|
+
* See the License for the specific language governing permissions and
|
|
456
|
+
* limitations under the License.
|
|
457
|
+
*/
|
|
458
|
+
class PluginEditModalComponent {
|
|
459
|
+
constructor(stateService, pluginManagementService, logger) {
|
|
460
|
+
this.stateService = stateService;
|
|
461
|
+
this.pluginManagementService = pluginManagementService;
|
|
462
|
+
this.logger = logger;
|
|
463
|
+
this.open = false;
|
|
464
|
+
this.saveNewConfiguration = false;
|
|
465
|
+
this.closeModal = new EventEmitter();
|
|
466
|
+
this.inputDisabled$ = this.stateService.inputDisabled$;
|
|
467
|
+
this.selectedPluginConfiguration$ = this.stateService.selectedPluginConfiguration$;
|
|
468
|
+
this.configurationValid$ = new BehaviorSubject(false);
|
|
469
|
+
}
|
|
470
|
+
save() {
|
|
471
|
+
this.stateService.saveEdit();
|
|
472
|
+
}
|
|
473
|
+
delete() {
|
|
474
|
+
this.stateService.delete();
|
|
475
|
+
this.stateService.disableInput();
|
|
476
|
+
this.stateService.selectedPluginConfiguration$
|
|
477
|
+
.pipe(take(1))
|
|
478
|
+
.subscribe(selectedPluginConfiguration => {
|
|
479
|
+
this.pluginManagementService
|
|
480
|
+
.deletePluginConfiguration(selectedPluginConfiguration.id)
|
|
481
|
+
.subscribe(() => {
|
|
482
|
+
this.stateService.refresh();
|
|
483
|
+
this.hide();
|
|
484
|
+
}, () => {
|
|
485
|
+
this.logger.error('Something went wrong with deleting the plugin configuration.');
|
|
486
|
+
this.stateService.enableInput();
|
|
487
|
+
});
|
|
488
|
+
});
|
|
489
|
+
}
|
|
490
|
+
hide() {
|
|
491
|
+
this.closeModal.emit();
|
|
492
|
+
this.stateService.enableInput();
|
|
493
|
+
}
|
|
494
|
+
onPluginValid(valid) {
|
|
495
|
+
this.configurationValid$.next(valid);
|
|
496
|
+
}
|
|
497
|
+
onPluginConfiguration(configuration) {
|
|
498
|
+
this.stateService.disableInput();
|
|
499
|
+
if (this.saveNewConfiguration) {
|
|
500
|
+
this.saveNewPluginConfiguration(configuration);
|
|
501
|
+
return;
|
|
502
|
+
}
|
|
503
|
+
this.stateService.selectedPluginConfiguration$
|
|
504
|
+
.pipe(take(1))
|
|
505
|
+
.subscribe(selectedPluginConfiguration => {
|
|
506
|
+
const configurationId = configuration.configurationId;
|
|
507
|
+
const configurationTitle = configuration.configurationTitle;
|
|
508
|
+
const configurationData = { ...configuration };
|
|
509
|
+
delete configurationData['configurationTitle'];
|
|
510
|
+
this.pluginManagementService
|
|
511
|
+
.updatePluginConfiguration(selectedPluginConfiguration.id, configurationId, configurationTitle, configurationData)
|
|
512
|
+
.subscribe({
|
|
513
|
+
next: () => {
|
|
514
|
+
this.stateService.refresh();
|
|
515
|
+
this.hide();
|
|
516
|
+
},
|
|
517
|
+
error: () => {
|
|
518
|
+
this.logger.error('Something went wrong with updating the plugin configuration.');
|
|
519
|
+
this.stateService.enableInput();
|
|
520
|
+
},
|
|
521
|
+
});
|
|
522
|
+
});
|
|
523
|
+
}
|
|
524
|
+
saveNewPluginConfiguration(configuration) {
|
|
525
|
+
this.stateService.selectedPluginConfiguration$
|
|
526
|
+
.pipe(take(1))
|
|
527
|
+
.subscribe(selectedPluginConfiguration => {
|
|
528
|
+
const duplicatedConfiguration = { ...selectedPluginConfiguration, properties: configuration };
|
|
529
|
+
duplicatedConfiguration.title = duplicatedConfiguration.properties.configurationTitle;
|
|
530
|
+
delete duplicatedConfiguration.properties.configurationTitle;
|
|
531
|
+
delete duplicatedConfiguration.properties.configurationId;
|
|
532
|
+
this.pluginManagementService.savePluginConfiguration(duplicatedConfiguration).subscribe({
|
|
533
|
+
next: () => {
|
|
534
|
+
this.stateService.refresh();
|
|
535
|
+
this.hide();
|
|
536
|
+
},
|
|
537
|
+
error: () => {
|
|
538
|
+
this.logger.error('Something went wrong with saving the duplicated plugin configuration.');
|
|
539
|
+
this.stateService.enableInput();
|
|
540
|
+
},
|
|
541
|
+
});
|
|
542
|
+
});
|
|
543
|
+
}
|
|
544
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginEditModalComponent, deps: [{ token: PluginManagementStateService }, { token: i2.PluginManagementService }, { token: i3$1.NGXLogger }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
545
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PluginEditModalComponent, isStandalone: false, selector: "valtimo-plugin-edit-modal", inputs: { open: "open", saveNewConfiguration: "saveNewConfiguration" }, outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<!--\n ~ Copyright 2015-2025 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\n #pluginEditModal\n valtimoCdsModal\n [open]=\"open\"\n (close)=\"hide()\"\n *ngIf=\"{selectedConfiguration: selectedPluginConfiguration$ | async} as obs\"\n>\n <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"hide()\">\n {{\n obs.selectedConfiguration?.title +\n ' - ' +\n ('title' | pluginTranslate: obs.selectedConfiguration?.pluginDefinition?.key | async)\n }}\n </cds-modal-header>\n <section cdsModalContent>\n <valtimo-plugin-edit\n (valid)=\"onPluginValid($event)\"\n (configuration)=\"onPluginConfiguration($event)\"\n ></valtimo-plugin-edit>\n </section>\n <cds-modal-footer>\n <button cdsButton=\"danger\" (click)=\"delete()\" [disabled]=\"inputDisabled$ | async\">\n {{ 'pluginManagement.remove' | translate }}\n </button>\n <button\n cdsButton=\"primary\"\n [disabled]=\"(configurationValid$ | async) === false || (inputDisabled$ | async)\"\n (click)=\"save()\"\n >\n {{ 'pluginManagement.save' | translate }}\n </button>\n </cds-modal-footer>\n</cds-modal>\n", styles: ["/*!\n * Copyright 2015-2025 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: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { 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: "component", type: i5.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i5.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: PluginEditComponent, selector: "valtimo-plugin-edit", outputs: ["valid", "configuration"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i2.PluginTranslatePipe, name: "pluginTranslate" }] }); }
|
|
546
|
+
}
|
|
547
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginEditModalComponent, decorators: [{
|
|
548
|
+
type: Component,
|
|
549
|
+
args: [{ standalone: false, selector: 'valtimo-plugin-edit-modal', template: "<!--\n ~ Copyright 2015-2025 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\n #pluginEditModal\n valtimoCdsModal\n [open]=\"open\"\n (close)=\"hide()\"\n *ngIf=\"{selectedConfiguration: selectedPluginConfiguration$ | async} as obs\"\n>\n <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"hide()\">\n {{\n obs.selectedConfiguration?.title +\n ' - ' +\n ('title' | pluginTranslate: obs.selectedConfiguration?.pluginDefinition?.key | async)\n }}\n </cds-modal-header>\n <section cdsModalContent>\n <valtimo-plugin-edit\n (valid)=\"onPluginValid($event)\"\n (configuration)=\"onPluginConfiguration($event)\"\n ></valtimo-plugin-edit>\n </section>\n <cds-modal-footer>\n <button cdsButton=\"danger\" (click)=\"delete()\" [disabled]=\"inputDisabled$ | async\">\n {{ 'pluginManagement.remove' | translate }}\n </button>\n <button\n cdsButton=\"primary\"\n [disabled]=\"(configurationValid$ | async) === false || (inputDisabled$ | async)\"\n (click)=\"save()\"\n >\n {{ 'pluginManagement.save' | translate }}\n </button>\n </cds-modal-footer>\n</cds-modal>\n", styles: ["/*!\n * Copyright 2015-2025 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"] }]
|
|
550
|
+
}], ctorParameters: () => [{ type: PluginManagementStateService }, { type: i2.PluginManagementService }, { type: i3$1.NGXLogger }], propDecorators: { open: [{
|
|
551
|
+
type: Input
|
|
552
|
+
}], saveNewConfiguration: [{
|
|
553
|
+
type: Input
|
|
554
|
+
}], closeModal: [{
|
|
555
|
+
type: Output
|
|
556
|
+
}] } });
|
|
557
|
+
|
|
558
|
+
/*
|
|
559
|
+
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
560
|
+
*
|
|
561
|
+
* Licensed under EUPL, Version 1.2 (the "License");
|
|
562
|
+
* you may not use this file except in compliance with the License.
|
|
563
|
+
* You may obtain a copy of the License at
|
|
564
|
+
*
|
|
565
|
+
* https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
|
|
566
|
+
*
|
|
567
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
568
|
+
* distributed under the License is distributed on an "AS IS" basis,
|
|
569
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
570
|
+
* See the License for the specific language governing permissions and
|
|
571
|
+
* limitations under the License.
|
|
572
|
+
*/
|
|
573
|
+
class PluginManagementComponent {
|
|
574
|
+
constructor(logger, pluginManagementService, pluginTranslationService, stateService, translateService) {
|
|
575
|
+
this.logger = logger;
|
|
576
|
+
this.pluginManagementService = pluginManagementService;
|
|
577
|
+
this.pluginTranslationService = pluginTranslationService;
|
|
578
|
+
this.stateService = stateService;
|
|
579
|
+
this.translateService = translateService;
|
|
580
|
+
this.fields = [
|
|
581
|
+
{
|
|
582
|
+
key: 'title',
|
|
583
|
+
label: 'pluginManagement.labels.configurationName',
|
|
584
|
+
viewType: ViewType.TEXT,
|
|
585
|
+
},
|
|
586
|
+
{
|
|
587
|
+
key: 'pluginName',
|
|
588
|
+
label: 'pluginManagement.labels.pluginName',
|
|
589
|
+
viewType: ViewType.TEXT,
|
|
590
|
+
},
|
|
591
|
+
{
|
|
592
|
+
key: 'definitionKey',
|
|
593
|
+
label: 'pluginManagement.labels.identifier',
|
|
594
|
+
viewType: ViewType.TEXT,
|
|
595
|
+
},
|
|
596
|
+
];
|
|
597
|
+
this.actionItems = [
|
|
598
|
+
{
|
|
599
|
+
callback: this.editConfiguration.bind(this),
|
|
600
|
+
label: 'interface.edit',
|
|
601
|
+
},
|
|
602
|
+
{
|
|
603
|
+
label: 'interface.duplicate',
|
|
604
|
+
callback: this.duplicateConfiguration.bind(this),
|
|
605
|
+
},
|
|
606
|
+
{
|
|
607
|
+
callback: this.deleteConfiguration.bind(this),
|
|
608
|
+
label: 'interface.delete',
|
|
609
|
+
type: 'danger',
|
|
610
|
+
},
|
|
611
|
+
];
|
|
612
|
+
this.loading$ = new BehaviorSubject(true);
|
|
613
|
+
this.showEditModal$ = new BehaviorSubject(false);
|
|
614
|
+
this.showAddModal$ = new BehaviorSubject(false);
|
|
615
|
+
this.pluginConfigurations$ = this.stateService.refresh$.pipe(switchMap(() => combineLatest([
|
|
616
|
+
this.pluginManagementService.getAllPluginConfigurations(),
|
|
617
|
+
this.translateService.stream('key'),
|
|
618
|
+
]).pipe(map(([pluginConfigurations]) => pluginConfigurations.map(configuration => ({
|
|
619
|
+
...configuration,
|
|
620
|
+
pluginName: this.pluginTranslationService.instant('title', configuration.pluginDefinition?.key ?? ''),
|
|
621
|
+
definitionKey: configuration.pluginDefinition?.key ?? '',
|
|
622
|
+
}))), tap(() => {
|
|
623
|
+
this.loading$.next(false);
|
|
624
|
+
}))));
|
|
625
|
+
this.saveNewConfiguration$ = new BehaviorSubject(false);
|
|
626
|
+
}
|
|
627
|
+
showAddModal() {
|
|
628
|
+
this.showAddModal$.next(true);
|
|
629
|
+
}
|
|
630
|
+
editConfiguration(configuration) {
|
|
631
|
+
this.showEditModal$.next(true);
|
|
632
|
+
this.saveNewConfiguration$.next(false);
|
|
633
|
+
this.stateService.selectPluginConfiguration(configuration);
|
|
634
|
+
}
|
|
635
|
+
deleteConfiguration(configuration) {
|
|
636
|
+
if (!configuration.id) {
|
|
637
|
+
return;
|
|
638
|
+
}
|
|
639
|
+
this.pluginManagementService
|
|
640
|
+
.deletePluginConfiguration(configuration.id)
|
|
641
|
+
.pipe(take(1))
|
|
642
|
+
.subscribe({
|
|
643
|
+
next: () => {
|
|
644
|
+
this.stateService.refresh();
|
|
645
|
+
},
|
|
646
|
+
error: () => {
|
|
647
|
+
this.logger.error('Something went wrong with deleting the plugin configuration.');
|
|
648
|
+
},
|
|
649
|
+
});
|
|
650
|
+
}
|
|
651
|
+
closeEditModal() {
|
|
652
|
+
this.showEditModal$.next(false);
|
|
653
|
+
}
|
|
654
|
+
closeAddModal() {
|
|
655
|
+
this.showAddModal$.next(false);
|
|
656
|
+
}
|
|
657
|
+
duplicateConfiguration(configuration) {
|
|
658
|
+
const configurationClone = cloneDeep(configuration);
|
|
659
|
+
configurationClone.id = v4();
|
|
660
|
+
this.showEditModal$.next(true);
|
|
661
|
+
this.saveNewConfiguration$.next(true);
|
|
662
|
+
this.stateService.selectPluginConfiguration(configurationClone);
|
|
663
|
+
}
|
|
664
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementComponent, deps: [{ token: i3$1.NGXLogger }, { token: i2.PluginManagementService }, { token: i2.PluginTranslationService }, { token: PluginManagementStateService }, { token: i4$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
665
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PluginManagementComponent, isStandalone: false, selector: "valtimo-plugin-management", ngImport: i0, template: "<!--\n ~ Copyright 2015-2025 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<ng-container\n *ngIf=\"{\n pluginConfigurations: pluginConfigurations$ | async,\n loading: loading$ | async,\n } as obs\"\n>\n <valtimo-carbon-list\n [actionItems]=\"actionItems\"\n [loading]=\"obs.loading\"\n [items]=\"obs.pluginConfigurations\"\n [fields]=\"fields\"\n [header]=\"false\"\n (rowClicked)=\"editConfiguration($event)\"\n >\n <ng-container carbonToolbarContent [ngTemplateOutlet]=\"configurePluginButton\"></ng-container>\n\n <valtimo-no-results\n [action]=\"configurePluginButton\"\n [title]=\"'pages.plugins.noResults' | translate\"\n ></valtimo-no-results>\n </valtimo-carbon-list>\n\n <ng-template #configurePluginButton>\n <button cdsButton=\"primary\" [disabled]=\"obs.loading\" (click)=\"showAddModal()\">\n {{ 'pluginManagement.add' | translate }}\n\n <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n </button>\n </ng-template>\n</ng-container>\n\n<valtimo-plugin-add-modal\n [open]=\"showAddModal$ | async\"\n (closeModal)=\"closeAddModal()\"\n></valtimo-plugin-add-modal>\n\n<valtimo-plugin-edit-modal\n [open]=\"showEditModal$ | async\"\n [saveNewConfiguration]=\"saveNewConfiguration$ | async\"\n (closeModal)=\"closeEditModal()\"\n></valtimo-plugin-edit-modal>\n", styles: ["/*!\n * Copyright 2015-2025 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: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i4.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i4.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "directive", type: i5.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: PluginAddModalComponent, selector: "valtimo-plugin-add-modal", inputs: ["open"], outputs: ["closeModal"] }, { kind: "component", type: PluginEditModalComponent, selector: "valtimo-plugin-edit-modal", inputs: ["open", "saveNewConfiguration"], outputs: ["closeModal"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }] }); }
|
|
666
|
+
}
|
|
667
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementComponent, decorators: [{
|
|
668
|
+
type: Component,
|
|
669
|
+
args: [{ standalone: false, selector: 'valtimo-plugin-management', template: "<!--\n ~ Copyright 2015-2025 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<ng-container\n *ngIf=\"{\n pluginConfigurations: pluginConfigurations$ | async,\n loading: loading$ | async,\n } as obs\"\n>\n <valtimo-carbon-list\n [actionItems]=\"actionItems\"\n [loading]=\"obs.loading\"\n [items]=\"obs.pluginConfigurations\"\n [fields]=\"fields\"\n [header]=\"false\"\n (rowClicked)=\"editConfiguration($event)\"\n >\n <ng-container carbonToolbarContent [ngTemplateOutlet]=\"configurePluginButton\"></ng-container>\n\n <valtimo-no-results\n [action]=\"configurePluginButton\"\n [title]=\"'pages.plugins.noResults' | translate\"\n ></valtimo-no-results>\n </valtimo-carbon-list>\n\n <ng-template #configurePluginButton>\n <button cdsButton=\"primary\" [disabled]=\"obs.loading\" (click)=\"showAddModal()\">\n {{ 'pluginManagement.add' | translate }}\n\n <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n </button>\n </ng-template>\n</ng-container>\n\n<valtimo-plugin-add-modal\n [open]=\"showAddModal$ | async\"\n (closeModal)=\"closeAddModal()\"\n></valtimo-plugin-add-modal>\n\n<valtimo-plugin-edit-modal\n [open]=\"showEditModal$ | async\"\n [saveNewConfiguration]=\"saveNewConfiguration$ | async\"\n (closeModal)=\"closeEditModal()\"\n></valtimo-plugin-edit-modal>\n", styles: ["/*!\n * Copyright 2015-2025 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"] }]
|
|
670
|
+
}], ctorParameters: () => [{ type: i3$1.NGXLogger }, { type: i2.PluginManagementService }, { type: i2.PluginTranslationService }, { type: PluginManagementStateService }, { type: i4$1.TranslateService }] });
|
|
671
|
+
|
|
672
|
+
/*
|
|
673
|
+
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
674
|
+
*
|
|
675
|
+
* Licensed under EUPL, Version 1.2 (the "License");
|
|
676
|
+
* you may not use this file except in compliance with the License.
|
|
677
|
+
* You may obtain a copy of the License at
|
|
678
|
+
*
|
|
679
|
+
* https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
|
|
680
|
+
*
|
|
681
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
682
|
+
* distributed under the License is distributed on an "AS IS" basis,
|
|
683
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
684
|
+
* See the License for the specific language governing permissions and
|
|
685
|
+
* limitations under the License.
|
|
686
|
+
*/
|
|
687
|
+
const routes = [
|
|
688
|
+
{
|
|
689
|
+
path: 'plugins',
|
|
690
|
+
component: PluginManagementComponent,
|
|
691
|
+
canActivate: [AuthGuardService],
|
|
692
|
+
data: { title: 'Plugins', roles: [ROLE_ADMIN] },
|
|
693
|
+
},
|
|
694
|
+
];
|
|
695
|
+
class PluginManagementRoutingModule {
|
|
696
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
697
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementRoutingModule, imports: [CommonModule, i1.RouterModule], exports: [RouterModule] }); }
|
|
698
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
|
|
699
|
+
}
|
|
700
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementRoutingModule, decorators: [{
|
|
701
|
+
type: NgModule,
|
|
702
|
+
args: [{
|
|
703
|
+
declarations: [],
|
|
704
|
+
imports: [CommonModule, RouterModule.forChild(routes)],
|
|
705
|
+
exports: [RouterModule],
|
|
706
|
+
}]
|
|
707
|
+
}] });
|
|
708
|
+
|
|
709
|
+
/*
|
|
710
|
+
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
711
|
+
*
|
|
712
|
+
* Licensed under EUPL, Version 1.2 (the "License");
|
|
713
|
+
* you may not use this file except in compliance with the License.
|
|
714
|
+
* You may obtain a copy of the License at
|
|
715
|
+
*
|
|
716
|
+
* https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
|
|
717
|
+
*
|
|
718
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
719
|
+
* distributed under the License is distributed on an "AS IS" basis,
|
|
720
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
721
|
+
* See the License for the specific language governing permissions and
|
|
722
|
+
* limitations under the License.
|
|
723
|
+
*/
|
|
724
|
+
class PluginManagementModule {
|
|
725
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
726
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementModule, declarations: [PluginManagementComponent,
|
|
727
|
+
PluginAddModalComponent,
|
|
728
|
+
PluginAddSelectComponent,
|
|
729
|
+
PluginConfigureComponent,
|
|
730
|
+
PluginEditModalComponent,
|
|
731
|
+
PluginEditComponent], imports: [CommonModule,
|
|
732
|
+
PluginManagementRoutingModule,
|
|
733
|
+
TranslateModule,
|
|
734
|
+
ParagraphModule,
|
|
735
|
+
TableModule,
|
|
736
|
+
StepperModule,
|
|
737
|
+
VModalModule,
|
|
738
|
+
PluginTranslatePipeModule,
|
|
739
|
+
PluginConfigurationContainerModule,
|
|
740
|
+
ButtonModule,
|
|
741
|
+
CarbonListModule,
|
|
742
|
+
ModalModule,
|
|
743
|
+
IconModule,
|
|
744
|
+
ValtimoCdsModalDirective,
|
|
745
|
+
LayerModule,
|
|
746
|
+
TilesModule,
|
|
747
|
+
LoadingModule], exports: [PluginManagementComponent,
|
|
748
|
+
PluginAddModalComponent,
|
|
749
|
+
PluginAddSelectComponent,
|
|
750
|
+
PluginConfigureComponent,
|
|
751
|
+
PluginEditModalComponent,
|
|
752
|
+
PluginEditComponent] }); }
|
|
753
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementModule, providers: [PluginManagementStateService], imports: [CommonModule,
|
|
754
|
+
PluginManagementRoutingModule,
|
|
755
|
+
TranslateModule,
|
|
756
|
+
ParagraphModule,
|
|
757
|
+
TableModule,
|
|
758
|
+
StepperModule,
|
|
759
|
+
VModalModule,
|
|
760
|
+
PluginTranslatePipeModule,
|
|
761
|
+
PluginConfigurationContainerModule,
|
|
762
|
+
ButtonModule,
|
|
763
|
+
CarbonListModule,
|
|
764
|
+
ModalModule,
|
|
765
|
+
IconModule,
|
|
766
|
+
LayerModule,
|
|
767
|
+
TilesModule,
|
|
768
|
+
LoadingModule] }); }
|
|
769
|
+
}
|
|
770
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementModule, decorators: [{
|
|
771
|
+
type: NgModule,
|
|
772
|
+
args: [{
|
|
773
|
+
providers: [PluginManagementStateService],
|
|
774
|
+
declarations: [
|
|
775
|
+
PluginManagementComponent,
|
|
776
|
+
PluginAddModalComponent,
|
|
777
|
+
PluginAddSelectComponent,
|
|
778
|
+
PluginConfigureComponent,
|
|
779
|
+
PluginEditModalComponent,
|
|
780
|
+
PluginEditComponent,
|
|
781
|
+
],
|
|
782
|
+
imports: [
|
|
783
|
+
CommonModule,
|
|
784
|
+
PluginManagementRoutingModule,
|
|
785
|
+
TranslateModule,
|
|
786
|
+
ParagraphModule,
|
|
787
|
+
TableModule,
|
|
788
|
+
StepperModule,
|
|
789
|
+
VModalModule,
|
|
790
|
+
PluginTranslatePipeModule,
|
|
791
|
+
PluginConfigurationContainerModule,
|
|
792
|
+
ButtonModule,
|
|
793
|
+
CarbonListModule,
|
|
794
|
+
ModalModule,
|
|
795
|
+
IconModule,
|
|
796
|
+
ValtimoCdsModalDirective,
|
|
797
|
+
LayerModule,
|
|
798
|
+
TilesModule,
|
|
799
|
+
LoadingModule,
|
|
800
|
+
],
|
|
801
|
+
exports: [
|
|
802
|
+
PluginManagementComponent,
|
|
803
|
+
PluginAddModalComponent,
|
|
804
|
+
PluginAddSelectComponent,
|
|
805
|
+
PluginConfigureComponent,
|
|
806
|
+
PluginEditModalComponent,
|
|
807
|
+
PluginEditComponent,
|
|
808
|
+
],
|
|
809
|
+
}]
|
|
810
|
+
}] });
|
|
811
|
+
|
|
812
|
+
/*
|
|
813
|
+
* Copyright 2015-2025 Ritense BV, the Netherlands.
|
|
814
|
+
*
|
|
815
|
+
* Licensed under EUPL, Version 1.2 (the "License");
|
|
816
|
+
* you may not use this file except in compliance with the License.
|
|
817
|
+
* You may obtain a copy of the License at
|
|
818
|
+
*
|
|
819
|
+
* https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
|
|
820
|
+
*
|
|
821
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
822
|
+
* distributed under the License is distributed on an "AS IS" basis,
|
|
823
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
824
|
+
* See the License for the specific language governing permissions and
|
|
825
|
+
* limitations under the License.
|
|
826
|
+
*/
|
|
827
|
+
/*
|
|
828
|
+
* Public API Surface of plugin-management
|
|
829
|
+
*/
|
|
830
|
+
|
|
831
|
+
/**
|
|
832
|
+
* Generated bundle index. Do not edit.
|
|
833
|
+
*/
|
|
834
|
+
|
|
835
|
+
export { PluginAddModalComponent, PluginAddSelectComponent, PluginConfigureComponent, PluginEditComponent, PluginEditModalComponent, PluginManagementComponent, PluginManagementModule, PluginManagementStateService };
|
|
836
|
+
//# sourceMappingURL=valtimo-plugin-management.mjs.map
|