@valtimo/process 4.15.3-next-main.15 → 4.15.3-next-main.16
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/bundles/valtimo-process.umd.js +26 -28
- package/bundles/valtimo-process.umd.js.map +1 -1
- package/bundles/valtimo-process.umd.min.js +1 -1
- package/bundles/valtimo-process.umd.min.js.map +1 -1
- package/esm2015/lib/process-diagram/process-diagram.component.js +16 -16
- package/esm2015/lib/process.module.js +6 -10
- package/esm2015/lib/process.service.js +9 -7
- package/esm2015/public_api.js +1 -1
- package/esm2015/valtimo-process.js +1 -1
- package/fesm2015/valtimo-process.js +26 -28
- package/fesm2015/valtimo-process.js.map +1 -1
- package/package.json +1 -1
- package/valtimo-process.metadata.json +1 -1
|
@@ -47,8 +47,8 @@
|
|
|
47
47
|
};
|
|
48
48
|
ProcessService.prototype.getProcessCount = function (id) {
|
|
49
49
|
return this.http.post(this.valtimoEndpointUri + "v2/process/definition/" + id + "/count", {
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
key: id,
|
|
51
|
+
processVariables: [{ '@type': 'boolean', name: 'active', value: true }],
|
|
52
52
|
});
|
|
53
53
|
};
|
|
54
54
|
ProcessService.prototype.getProcessHeatmapCount = function (processDefinition) {
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
.set('page', page.toString())
|
|
63
63
|
.set('size', size.toString())
|
|
64
64
|
.set('sort', sort);
|
|
65
|
-
return this.http.post(this.valtimoEndpointUri + "v2/process/" + key + "/search", {}, {
|
|
65
|
+
return this.http.post(this.valtimoEndpointUri + "v2/process/" + key + "/search", {}, { params: params });
|
|
66
66
|
};
|
|
67
67
|
ProcessService.prototype.getProcessInstance = function (processInstanceId) {
|
|
68
68
|
return this.http.get(this.valtimoEndpointUri + "process/" + processInstanceId, {});
|
|
@@ -98,10 +98,12 @@
|
|
|
98
98
|
params.set('fromDate', fromDate);
|
|
99
99
|
params.set('toDate', toDate);
|
|
100
100
|
params.set('processFilter', processFilter);
|
|
101
|
-
return this.http.get(this.valtimoEndpointUri + "reporting/instancesstatistics", {
|
|
101
|
+
return this.http.get(this.valtimoEndpointUri + "reporting/instancesstatistics", {
|
|
102
|
+
params: params,
|
|
103
|
+
});
|
|
102
104
|
};
|
|
103
105
|
ProcessService.prototype.deployProcess = function (processXml) {
|
|
104
|
-
var formData = new FormData;
|
|
106
|
+
var formData = new FormData();
|
|
105
107
|
formData.append('file', new File([processXml], 'process.bpmn'));
|
|
106
108
|
formData.append('deployment-name', 'valtimoConsoleApp');
|
|
107
109
|
formData.append('deployment-source', 'process application');
|
|
@@ -115,7 +117,7 @@
|
|
|
115
117
|
ProcessService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ProcessService_Factory() { return new ProcessService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i2.ConfigService)); }, token: ProcessService, providedIn: "root" });
|
|
116
118
|
ProcessService.decorators = [
|
|
117
119
|
{ type: i0.Injectable, args: [{
|
|
118
|
-
providedIn: 'root'
|
|
120
|
+
providedIn: 'root',
|
|
119
121
|
},] }
|
|
120
122
|
];
|
|
121
123
|
ProcessService.ctorParameters = function () { return [
|
|
@@ -241,15 +243,15 @@
|
|
|
241
243
|
_this.min = 0;
|
|
242
244
|
_this.max = 0;
|
|
243
245
|
Object.keys(_this.inputData).forEach(function (key) {
|
|
244
|
-
var diagramContainer = _this.el.nativeElement.querySelector('svg')
|
|
245
|
-
.
|
|
246
|
+
var diagramContainer = _this.el.nativeElement.querySelector('svg').getBoundingClientRect(), diagramElm = _this.el.nativeElement
|
|
247
|
+
.querySelector("g[data-element-id=" + key + "]")
|
|
246
248
|
.getBoundingClientRect();
|
|
247
249
|
_this.setMax(key);
|
|
248
250
|
_this.heatPoints.data.push({
|
|
249
251
|
x: Math.round(diagramElm.x - diagramContainer.x + diagramElm.width / 2),
|
|
250
252
|
y: Math.round(diagramElm.y - diagramContainer.y + diagramElm.height / 2),
|
|
251
253
|
value: _this.inputData[key][_this.valueKey],
|
|
252
|
-
radius: diagramElm.width / 2
|
|
254
|
+
radius: diagramElm.width / 2,
|
|
253
255
|
});
|
|
254
256
|
_this.addCounterActiveOverlays(key, _this.inputData);
|
|
255
257
|
});
|
|
@@ -278,15 +280,15 @@
|
|
|
278
280
|
_this.min = 0;
|
|
279
281
|
_this.max = 0;
|
|
280
282
|
Object.keys(_this.inputData).forEach(function (key) {
|
|
281
|
-
var diagramContainer = _this.el.nativeElement.querySelector('svg')
|
|
282
|
-
.
|
|
283
|
+
var diagramContainer = _this.el.nativeElement.querySelector('svg').getBoundingClientRect(), diagramElm = _this.el.nativeElement
|
|
284
|
+
.querySelector("g[data-element-id=" + key + "]")
|
|
283
285
|
.getBoundingClientRect();
|
|
284
286
|
_this.setMax(key);
|
|
285
287
|
_this.heatPoints.data.push({
|
|
286
288
|
x: Math.round(diagramElm.x - diagramContainer.x + diagramElm.width / 2),
|
|
287
289
|
y: Math.round(diagramElm.y - diagramContainer.y + diagramElm.height / 2),
|
|
288
290
|
value: _this.inputData[key][_this.valueKey],
|
|
289
|
-
radius: diagramElm.width / 2
|
|
291
|
+
radius: diagramElm.width / 2,
|
|
290
292
|
});
|
|
291
293
|
_this.addCounterActiveOverlays(key, _this.inputData);
|
|
292
294
|
});
|
|
@@ -316,16 +318,16 @@
|
|
|
316
318
|
if (!this.heatMapInstance) {
|
|
317
319
|
this.heatMapInstance = heatmap.create({
|
|
318
320
|
radius: 54,
|
|
319
|
-
blur: .
|
|
320
|
-
maxOpacity: .4,
|
|
321
|
+
blur: 0.7,
|
|
322
|
+
maxOpacity: 0.4,
|
|
321
323
|
minOpacity: 0,
|
|
322
|
-
container: this.el.nativeElement
|
|
324
|
+
container: this.el.nativeElement,
|
|
323
325
|
});
|
|
324
326
|
}
|
|
325
327
|
this.heatMapInstance.setData({
|
|
326
328
|
min: this.min,
|
|
327
329
|
max: this.max,
|
|
328
|
-
data: this.heatPoints.data
|
|
330
|
+
data: this.heatPoints.data,
|
|
329
331
|
});
|
|
330
332
|
};
|
|
331
333
|
ProcessDiagramComponent.prototype.clearHeatmap = function () {
|
|
@@ -356,13 +358,13 @@
|
|
|
356
358
|
overlays.add(key, {
|
|
357
359
|
position: {
|
|
358
360
|
bottom: 13,
|
|
359
|
-
left: -12
|
|
361
|
+
left: -12,
|
|
360
362
|
},
|
|
361
363
|
show: {
|
|
362
364
|
minZoom: 0,
|
|
363
|
-
maxZoom: 5.0
|
|
365
|
+
maxZoom: 5.0,
|
|
364
366
|
},
|
|
365
|
-
html: "<span class=\"badge badge-pill badge-primary\">" + inputData[key].count + "</span>"
|
|
367
|
+
html: "<span class=\"badge badge-pill badge-primary\">" + inputData[key].count + "</span>",
|
|
366
368
|
});
|
|
367
369
|
};
|
|
368
370
|
return ProcessDiagramComponent;
|
|
@@ -370,7 +372,7 @@
|
|
|
370
372
|
ProcessDiagramComponent.decorators = [
|
|
371
373
|
{ type: i0.Component, args: [{
|
|
372
374
|
selector: 'valtimo-process-diagram',
|
|
373
|
-
template: "<!--\n ~ Copyright 2015-2020 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<div class=\"process-diagram-container\">\n <div *ngIf=\"processDefinitionKey\" class=\"diagram-container-switch-holder\"
|
|
375
|
+
template: "<!--\n ~ Copyright 2015-2020 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<div class=\"process-diagram-container\">\n <div *ngIf=\"processDefinitionKey\" class=\"diagram-container-switch-holder\">\n <div class=\"container-fluid\">\n <div class=\"row p-4 bg-light\">\n <div class=\"col-4\">\n <label><strong>Version</strong></label\n ><br />\n <select class=\"form-control\" (change)=\"setProcessDefinitionVersion($event.target.value)\">\n <option\n *ngFor=\"let processDefinitionVersion of processDefinitionVersions\"\n [value]=\"processDefinitionVersion.version\"\n [selected]=\"processDefinitionVersion.version === version\"\n >\n {{ processDefinitionVersion.version }}\n </option>\n </select>\n </div>\n <div class=\"col-4\">\n <label><strong>Heatmap type</strong></label\n ><br />\n <select class=\"form-control\" (change)=\"setHeatmapOption($event.target.value)\">\n <option\n *ngFor=\"let option of enumHeatmapOptions\"\n [value]=\"option\"\n [selected]=\"option === heatmapOption\"\n >\n {{ option }}\n </option>\n </select>\n </div>\n <div class=\"col-4 text-right\">\n <label><strong>Show heatmap</strong></label\n ><br />\n <div class=\"text-left switch-button switch-button-sm switch-button-success\">\n <input\n type=\"checkbox\"\n id=\"toggleHeatmap\"\n [checked]=\"showHeatmap\"\n (click)=\"toggleShowHeatmap()\"\n /><span> <label for=\"toggleHeatmap\"></label></span>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div #ref (window:resize)=\"onWindowResize()\" class=\"diagram-container\"></div>\n\n <div *ngIf=\"processInstanceId\" class=\"p-4 text-center legenda-holder\">\n <span\n ><div class=\"legenda highlight-overlay-past\"></div>\n Executed tasks</span\n >\n <span class=\"ml-3\"\n ><div class=\"legenda highlight-overlay-current\"></div>\n Current tasks</span\n >\n </div>\n\n <div *ngIf=\"processDefinitionKey\" class=\"p-4 text-center legenda-holder\">\n <span\n ><span class=\"badge badge-pill badge-primary\">N</span> Amount of currently active\n instances of this task.</span\n >\n <span\n > | Red/yellow/green orbs: The amount of times the task is executed in\n comparison to the other tasks.</span\n >\n </div>\n</div>\n",
|
|
374
376
|
encapsulation: i0.ViewEncapsulation.None,
|
|
375
377
|
styles: [".process-diagram-container .diagram-container{height:50vh;width:100%}.process-diagram-container .diagram-container-switch-holder{position:absolute;width:100%;z-index:1000}.process-diagram-container .highlight-overlay-past:not(.djs-connection) .djs-visual>:first-child{fill:#d8d8d8!important}.process-diagram-container .highlight-overlay-current:not(.djs-connection) .djs-visual>:first-child{fill:#b2e0ff!important}.process-diagram-container .legenda-holder{font-size:1em}.process-diagram-container .legenda{border:2px solid #000;border-radius:3px;display:inline-block;margin-bottom:-4px;margin-right:5px;padding:7px}.process-diagram-container .legenda.highlight-overlay-past{background-color:#d8d8d8}.process-diagram-container .legenda.highlight-overlay-current{background-color:#b2e0ff}"]
|
|
376
378
|
},] }
|
|
@@ -407,9 +409,7 @@
|
|
|
407
409
|
}());
|
|
408
410
|
ProcessModule.decorators = [
|
|
409
411
|
{ type: i0.NgModule, args: [{
|
|
410
|
-
declarations: [
|
|
411
|
-
ProcessDiagramComponent
|
|
412
|
-
],
|
|
412
|
+
declarations: [ProcessDiagramComponent],
|
|
413
413
|
imports: [
|
|
414
414
|
common.CommonModule,
|
|
415
415
|
components.ListModule,
|
|
@@ -420,12 +420,10 @@
|
|
|
420
420
|
animations.BrowserAnimationsModule,
|
|
421
421
|
ngxToastr.ToastrModule.forRoot({
|
|
422
422
|
positionClass: 'toast-bottom-full-width',
|
|
423
|
-
preventDuplicates: true
|
|
424
|
-
})
|
|
425
|
-
],
|
|
426
|
-
exports: [
|
|
427
|
-
ProcessDiagramComponent
|
|
423
|
+
preventDuplicates: true,
|
|
424
|
+
}),
|
|
428
425
|
],
|
|
426
|
+
exports: [ProcessDiagramComponent],
|
|
429
427
|
},] }
|
|
430
428
|
];
|
|
431
429
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"valtimo-process.umd.js","sources":["../../../../projects/valtimo/process/src/lib/process.service.ts","../../../../projects/valtimo/process/src/lib/process-diagram/process-diagram.component.ts","../../../../projects/valtimo/process/src/lib/process.module.ts","../../../../projects/valtimo/process/src/public_api.ts","../../../../projects/valtimo/process/src/valtimo-process.ts"],"sourcesContent":["/*\n * Copyright 2015-2020 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\nimport {Injectable} from '@angular/core';\nimport {HttpClient, HttpParams} from '@angular/common/http';\nimport {Observable} from 'rxjs';\nimport {ProcessDefinition, ProcessDefinitionStartForm, ProcessInstance, ProcessInstanceTask, ProcessStart} from '@valtimo/contract';\nimport {ConfigService} from '@valtimo/config';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class ProcessService {\n private valtimoEndpointUri: string;\n\n constructor(\n private http: HttpClient,\n configService: ConfigService\n ) {\n this.valtimoEndpointUri = configService.config.valtimoApi.endpointUri;\n }\n\n getProcessDefinitions(): Observable<ProcessDefinition[]> {\n return this.http.get<ProcessDefinition[]>(`${this.valtimoEndpointUri}process/definition`);\n }\n\n getProcessDefinitionVersions(key: string): Observable<ProcessDefinition[]> {\n return this.http.get<ProcessDefinition[]>(`${this.valtimoEndpointUri}process/definition/${key}/versions`);\n }\n\n getProcessDefinition(key: string): Observable<ProcessDefinition> {\n return this.http.get<ProcessDefinition>(`${this.valtimoEndpointUri}process/definition/${key}`);\n }\n\n getProcessDefinitionStartFormData(processDefinitionKey: string): Observable<ProcessDefinitionStartForm> {\n return this.http.get<ProcessDefinitionStartForm>(`${this.valtimoEndpointUri}process/definition/${processDefinitionKey}/start-form`);\n }\n\n startProcesInstance(key: string, businessKey: string, variables: Map<string, any>): Observable<any> {\n return this.http.post<ProcessStart>(\n `${this.valtimoEndpointUri}process/definition/${key}/${businessKey}/start`, variables\n );\n }\n\n getProcessDefinitionXml(processDefinitionId: string): Observable<any> {\n return this.http.get(`${this.valtimoEndpointUri}process/definition/${processDefinitionId}/xml`);\n }\n\n getProcessXml(id: string): Observable<any> {\n return this.http.get(`${this.valtimoEndpointUri}process/${id}/xml`);\n }\n\n getProcessCount(id: string): Observable<any> {\n return this.http.post(`${this.valtimoEndpointUri}v2/process/definition/${id}/count`, {\n 'key': id,\n 'processVariables': [{'@type': 'boolean', 'name': 'active', 'value': true}]\n });\n }\n\n getProcessHeatmapCount(processDefinition: ProcessDefinition): Observable<any[]> {\n return this.http.get<any[]>(\n `${this.valtimoEndpointUri}process/definition/${processDefinition.key}/heatmap/count?version=${processDefinition.version}`\n );\n }\n\n getProcessHeatmapDuration(processDefinition: ProcessDefinition): Observable<any[]> {\n return this.http.get<any[]>(\n `${this.valtimoEndpointUri}process/definition/${processDefinition.key}/heatmap/duration?version=${processDefinition.version}`\n );\n }\n\n getProcessInstances(key: string, page: number, size: number, sort: string): Observable<any> {\n const params = new HttpParams()\n .set('page', page.toString())\n .set('size', size.toString())\n .set('sort', sort);\n\n return this.http.post<ProcessInstance>(`${this.valtimoEndpointUri}v2/process/${key}/search`, {}, {'params': params});\n }\n\n getProcessInstance(processInstanceId: string): Observable<ProcessInstance> {\n return this.http.get<ProcessInstance>(`${this.valtimoEndpointUri}process/${processInstanceId}`, {});\n }\n\n getProcessInstanceTasks(id: string): Observable<ProcessInstanceTask[]> {\n return this.http.get<ProcessInstanceTask[]>(`${this.valtimoEndpointUri}process/${id}/tasks`, {});\n }\n\n getProcessInstanceVariables(id: string, variableNames: Array<any>): Observable<any> {\n return this.http.post(`${this.valtimoEndpointUri}process-instance/${id}/variables`, variableNames);\n }\n\n addProcessInstancesDefaultVariablesValues(processInstances: Array<any>) {\n processInstances.forEach(processInstance => this.addDefaultVariablesValues(processInstance));\n return processInstances;\n }\n\n addDefaultVariablesValues(processInstance: any) {\n if (!processInstance['startUser']) {\n processInstance.startUser = processInstance.startUserId;\n }\n if (!processInstance['processStarted']) {\n processInstance.processStarted = processInstance.startTime;\n }\n if (!processInstance['processEnded']) {\n processInstance.processEnded = processInstance.endTime;\n }\n if (!processInstance['active']) {\n processInstance.active = processInstance.endTime == null;\n }\n return processInstance;\n }\n\n getInstancesStatistics(fromDate?: string, toDate?: string, processFilter?: string) {\n const params = new HttpParams();\n params.set('fromDate', fromDate);\n params.set('toDate', toDate);\n params.set('processFilter', processFilter);\n return this.http.get<any[]>(\n `${this.valtimoEndpointUri}reporting/instancesstatistics`, {'params': params}\n );\n }\n\n deployProcess(processXml: string) {\n const formData = new FormData;\n formData.append('file', new File([processXml], 'process.bpmn'));\n formData.append('deployment-name', 'valtimoConsoleApp');\n formData.append('deployment-source', 'process application');\n return this.http.post(`${this.valtimoEndpointUri}camunda-rest/engine/default/deployment/create`, formData);\n }\n\n migrateProcess(processDefinition1Id: string, processDefinition2Id: string, params: any): Observable<any> {\n return this.http.post(`${this.valtimoEndpointUri}process/definition/${processDefinition1Id}/${processDefinition2Id}/migrate`, params);\n }\n\n}\n","/*\n * Copyright 2015-2020 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\nimport {\n Component,\n ElementRef,\n EventEmitter,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport {ProcessService} from '../process.service';\n\nimport * as BpmnJS from 'bpmn-js/dist/bpmn-navigated-viewer.production.min.js';\nimport * as heatmap from 'heatmap.js-fixed/build/heatmap.js';\n\n@Component({\n selector: 'valtimo-process-diagram',\n templateUrl: './process-diagram.component.html',\n styleUrls: ['./process-diagram.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class ProcessDiagramComponent implements OnInit, OnDestroy, OnChanges {\n\n private bpmnJS: BpmnJS;\n private heatMapInstance: any;\n\n @ViewChild('ref', { static: true }) public el: ElementRef;\n @Output() public importDone: EventEmitter<any> = new EventEmitter();\n @Input() public processDefinitionKey?: string;\n @Input() public processInstanceId?: string;\n\n public processDiagram: any;\n public processDefinition: any;\n public processDefinitionVersions: any;\n public heatmapCount: any;\n public heatmapDuration: any;\n public tasksCount: any;\n public showHeatmap: boolean;\n public enumHeatmapOptions = ['count', 'duration'];\n public heatmapOption: string;\n public version: any;\n public heatPoints: any;\n public min: number;\n public max: number;\n public inputData: any;\n public valueKey: any;\n\n constructor(\n private processService: ProcessService,\n ) { }\n\n ngOnInit() {\n if (this.processDefinitionKey) {\n this.loadProcessDefinitionFromKey(this.processDefinitionKey);\n }\n if (this.processInstanceId) {\n this.loadProcessInstanceXml(this.processInstanceId);\n }\n this.bpmnJS = new BpmnJS();\n this.bpmnJS.on('import.done', ({error}) => {\n if (!error) {\n const canvas = this.bpmnJS.get('canvas')\n , eventBus = this.bpmnJS.get('eventBus');\n if (this.processDiagram.historicActivityInstances) {\n this.processDiagram.historicActivityInstances.forEach(instance => {\n // exclude multiInstanceBody\n if (instance.activityType !== 'multiInstanceBody') {\n canvas.addMarker(instance.activityId, instance.endTime ? 'highlight-overlay-past' : 'highlight-overlay-current');\n }\n });\n }\n\n canvas.zoom('fit-viewport', 'auto');\n if (this.processDefinitionVersions) {\n eventBus.on('canvas.init', () => {\n if (this.showHeatmap) {\n this.clearHeatmap();\n }\n this.loadHeatmapData();\n });\n eventBus.on('canvas.viewbox.changing', () => {\n if (this.showHeatmap) {\n this.clearHeatmap();\n }\n });\n eventBus.on('canvas.viewbox.changed', () => {\n this.loadHeatmapData();\n });\n }\n }\n });\n }\n\n ngOnChanges(): void {\n if (this.processDefinitionKey) {\n this.loadProcessDefinitionFromKey(this.processDefinitionKey);\n } else if (this.processInstanceId) {\n this.loadProcessInstanceXml(this.processInstanceId);\n }\n }\n\n ngOnDestroy() {\n if (this.bpmnJS) {\n this.bpmnJS.destroy();\n }\n }\n\n public loadProcessDefinition(processDefinitionKey) {\n this.processService.getProcessDefinition(processDefinitionKey).subscribe(response => {\n this.heatmapOption = this.enumHeatmapOptions[0];\n this.version = response.version;\n this.loadProcessDefinitionXml(response.id);\n });\n }\n\n public loadProcessDefinitionVersions(processDefinitionKey) {\n this.processService.getProcessDefinitionVersions(processDefinitionKey).subscribe(response => {\n this.processDefinitionVersions = response;\n });\n }\n\n public loadProcessDefinitionFromKey(processDefinitionKey) {\n this.loadProcessDefinitionVersions(processDefinitionKey);\n this.loadProcessDefinition(processDefinitionKey);\n }\n\n public loadProcessDefinitionXml(processDefinitionId) {\n this.processService.getProcessDefinitionXml(processDefinitionId).subscribe(response => {\n this.processDiagram = response;\n this.bpmnJS.importXML(this.processDiagram.bpmn20Xml);\n this.bpmnJS.attachTo(this.el.nativeElement);\n });\n }\n\n private loadProcessInstanceXml(processInstanceId) {\n this.processService.getProcessXml(processInstanceId).subscribe(response => {\n this.processDiagram = response;\n this.bpmnJS.importXML(this.processDiagram.bpmn20Xml);\n this.bpmnJS.attachTo(this.el.nativeElement);\n });\n }\n\n public loadProcessDefinitionHeatmapCount(processDefinition) {\n this.processService.getProcessHeatmapCount(processDefinition).subscribe(response => {\n this.inputData = response;\n this.valueKey = 'totalCount';\n this.heatPoints = {data: []};\n this.min = 0;\n this.max = 0;\n\n Object.keys(this.inputData).forEach(key => {\n const diagramContainer = this.el.nativeElement.querySelector('svg')\n .getBoundingClientRect(),\n diagramElm = this.el.nativeElement.querySelector(`g[data-element-id=${key}]`)\n .getBoundingClientRect();\n this.setMax(key);\n this.heatPoints.data.push({\n x: Math.round(diagramElm.x - diagramContainer.x + diagramElm.width / 2),\n y: Math.round(diagramElm.y - diagramContainer.y + diagramElm.height / 2),\n value: this.inputData[key][this.valueKey],\n radius: diagramElm.width / 2\n });\n this.addCounterActiveOverlays(key, this.inputData);\n\n });\n this.clearHeatmap();\n if (this.showHeatmap) {\n this.loadHeatmap();\n }\n });\n }\n\n public onWindowResize() {\n const oldCanvas = this.el.nativeElement.querySelector('canvas[class=heatmap-canvas]');\n if (oldCanvas) {\n oldCanvas.remove();\n this.heatMapInstance = null;\n }\n if (this.showHeatmap) {\n this.loadHeatmap();\n }\n }\n\n public loadProcessDefinitionHeatmapDuration(processDefinition) {\n this.processService.getProcessHeatmapDuration(processDefinition).subscribe(response => {\n this.inputData = response;\n this.valueKey = 'averageDurationInMilliseconds';\n this.heatPoints = {data: []};\n this.min = 0;\n this.max = 0;\n\n Object.keys(this.inputData).forEach(key => {\n const diagramContainer = this.el.nativeElement.querySelector('svg')\n .getBoundingClientRect(),\n diagramElm = this.el.nativeElement.querySelector(`g[data-element-id=${key}]`)\n .getBoundingClientRect();\n this.setMax(key);\n this.heatPoints.data.push({\n x: Math.round(diagramElm.x - diagramContainer.x + diagramElm.width / 2),\n y: Math.round(diagramElm.y - diagramContainer.y + diagramElm.height / 2),\n value: this.inputData[key][this.valueKey],\n radius: diagramElm.width / 2\n });\n this.addCounterActiveOverlays(key, this.inputData);\n });\n this.clearHeatmap();\n if (this.showHeatmap) {\n this.loadHeatmap();\n }\n });\n }\n\n public setProcessDefinitionKey(processDefinitionKey) {\n this.processDefinitionKey = processDefinitionKey;\n this.loadProcessDefinitionFromKey(this.processDefinitionKey);\n }\n\n public setProcessDefinitionVersion(version) {\n this.version = +version;\n this.loadHeatmapData();\n }\n\n public setHeatmapOption(heatmapOption) {\n this.heatmapOption = heatmapOption;\n this.loadHeatmapData();\n }\n\n public toggleShowHeatmap() {\n this.showHeatmap = !this.showHeatmap;\n this.loadHeatmapData();\n }\n\n public loadHeatmap() {\n if (!this.heatMapInstance) {\n this.heatMapInstance = heatmap.create({\n radius: 54,\n blur: .70,\n maxOpacity: .4,\n minOpacity: 0,\n container: this.el.nativeElement\n });\n }\n this.heatMapInstance.setData({\n min: this.min,\n max: this.max,\n data: this.heatPoints.data\n });\n }\n\n public clearHeatmap() {\n if (this.heatMapInstance) {\n this.heatMapInstance.setData({data: []});\n }\n }\n\n public loadHeatmapData() {\n this.processDefinition = this.processDefinitionVersions.find(definition => definition.version === this.version);\n\n if (this.heatmapOption === 'count') {\n this.loadProcessDefinitionHeatmapCount(this.processDefinition);\n }\n if (this.heatmapOption === 'duration') {\n this.loadProcessDefinitionHeatmapDuration(this.processDefinition);\n }\n }\n\n public setMax(key: any) {\n if (this.heatmapDuration) {\n this.max = Math.max(this.heatmapDuration[key].averageDurationInMilliseconds, this.max);\n } else if (this.heatmapCount) {\n this.max = Math.max(this.heatmapCount[key].totalCount + this.heatmapCount[key].count, this.max);\n }\n }\n\n public addCounterActiveOverlays(key: any, inputData: any) {\n const overlays = this.bpmnJS.get('overlays');\n overlays.add(key, {\n position: {\n bottom: 13,\n left: -12\n },\n show: {\n minZoom: 0,\n maxZoom: 5.0\n },\n html: `<span class=\"badge badge-pill badge-primary\">${inputData[key].count}</span>`\n });\n }\n\n}\n","/*\n * Copyright 2015-2020 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\nimport {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {BpmnJsDiagramModule, CamundaFormModule, ListModule, TimelineModule, WidgetModule} from '@valtimo/components';\nimport {ToastrModule} from 'ngx-toastr';\nimport {BrowserAnimationsModule} from '@angular/platform-browser/animations';\nimport {ProcessDiagramComponent} from './process-diagram/process-diagram.component';\n\n@NgModule({\n declarations: [\n ProcessDiagramComponent\n ],\n imports: [\n CommonModule,\n ListModule,\n WidgetModule,\n TimelineModule,\n BpmnJsDiagramModule,\n CamundaFormModule,\n BrowserAnimationsModule,\n ToastrModule.forRoot({\n positionClass: 'toast-bottom-full-width',\n preventDuplicates: true\n })\n ],\n exports: [\n ProcessDiagramComponent\n ],\n})\n\nexport class ProcessModule {\n\n}\n","/*\n * Copyright 2015-2020 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/*\n * Public API Surface of process\n */\n\nexport * from './lib/process.service';\nexport * from './lib/process.module';\nexport * from './lib/process-diagram/process-diagram.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["HttpParams","Injectable","HttpClient","ConfigService","EventEmitter","heatmap.create","Component","ViewEncapsulation","ViewChild","Output","Input","NgModule","CommonModule","ListModule","WidgetModule","TimelineModule","BpmnJsDiagramModule","CamundaFormModule","BrowserAnimationsModule","ToastrModule"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"valtimo-process.umd.js","sources":["../../../../projects/valtimo/process/src/lib/process.service.ts","../../../../projects/valtimo/process/src/lib/process-diagram/process-diagram.component.ts","../../../../projects/valtimo/process/src/lib/process.module.ts","../../../../projects/valtimo/process/src/public_api.ts","../../../../projects/valtimo/process/src/valtimo-process.ts"],"sourcesContent":["/*\n * Copyright 2015-2020 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\nimport {Injectable} from '@angular/core';\nimport {HttpClient, HttpParams} from '@angular/common/http';\nimport {Observable} from 'rxjs';\nimport {\n ProcessDefinition,\n ProcessDefinitionStartForm,\n ProcessInstance,\n ProcessInstanceTask,\n ProcessStart,\n} from '@valtimo/contract';\nimport {ConfigService} from '@valtimo/config';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class ProcessService {\n private valtimoEndpointUri: string;\n\n constructor(private http: HttpClient, configService: ConfigService) {\n this.valtimoEndpointUri = configService.config.valtimoApi.endpointUri;\n }\n\n getProcessDefinitions(): Observable<ProcessDefinition[]> {\n return this.http.get<ProcessDefinition[]>(`${this.valtimoEndpointUri}process/definition`);\n }\n\n getProcessDefinitionVersions(key: string): Observable<ProcessDefinition[]> {\n return this.http.get<ProcessDefinition[]>(\n `${this.valtimoEndpointUri}process/definition/${key}/versions`\n );\n }\n\n getProcessDefinition(key: string): Observable<ProcessDefinition> {\n return this.http.get<ProcessDefinition>(`${this.valtimoEndpointUri}process/definition/${key}`);\n }\n\n getProcessDefinitionStartFormData(\n processDefinitionKey: string\n ): Observable<ProcessDefinitionStartForm> {\n return this.http.get<ProcessDefinitionStartForm>(\n `${this.valtimoEndpointUri}process/definition/${processDefinitionKey}/start-form`\n );\n }\n\n startProcesInstance(\n key: string,\n businessKey: string,\n variables: Map<string, any>\n ): Observable<any> {\n return this.http.post<ProcessStart>(\n `${this.valtimoEndpointUri}process/definition/${key}/${businessKey}/start`,\n variables\n );\n }\n\n getProcessDefinitionXml(processDefinitionId: string): Observable<any> {\n return this.http.get(`${this.valtimoEndpointUri}process/definition/${processDefinitionId}/xml`);\n }\n\n getProcessXml(id: string): Observable<any> {\n return this.http.get(`${this.valtimoEndpointUri}process/${id}/xml`);\n }\n\n getProcessCount(id: string): Observable<any> {\n return this.http.post(`${this.valtimoEndpointUri}v2/process/definition/${id}/count`, {\n key: id,\n processVariables: [{'@type': 'boolean', name: 'active', value: true}],\n });\n }\n\n getProcessHeatmapCount(processDefinition: ProcessDefinition): Observable<any[]> {\n return this.http.get<any[]>(\n `${this.valtimoEndpointUri}process/definition/${processDefinition.key}/heatmap/count?version=${processDefinition.version}`\n );\n }\n\n getProcessHeatmapDuration(processDefinition: ProcessDefinition): Observable<any[]> {\n return this.http.get<any[]>(\n `${this.valtimoEndpointUri}process/definition/${processDefinition.key}/heatmap/duration?version=${processDefinition.version}`\n );\n }\n\n getProcessInstances(key: string, page: number, size: number, sort: string): Observable<any> {\n const params = new HttpParams()\n .set('page', page.toString())\n .set('size', size.toString())\n .set('sort', sort);\n\n return this.http.post<ProcessInstance>(\n `${this.valtimoEndpointUri}v2/process/${key}/search`,\n {},\n {params: params}\n );\n }\n\n getProcessInstance(processInstanceId: string): Observable<ProcessInstance> {\n return this.http.get<ProcessInstance>(\n `${this.valtimoEndpointUri}process/${processInstanceId}`,\n {}\n );\n }\n\n getProcessInstanceTasks(id: string): Observable<ProcessInstanceTask[]> {\n return this.http.get<ProcessInstanceTask[]>(\n `${this.valtimoEndpointUri}process/${id}/tasks`,\n {}\n );\n }\n\n getProcessInstanceVariables(id: string, variableNames: Array<any>): Observable<any> {\n return this.http.post(\n `${this.valtimoEndpointUri}process-instance/${id}/variables`,\n variableNames\n );\n }\n\n addProcessInstancesDefaultVariablesValues(processInstances: Array<any>) {\n processInstances.forEach(processInstance => this.addDefaultVariablesValues(processInstance));\n return processInstances;\n }\n\n addDefaultVariablesValues(processInstance: any) {\n if (!processInstance['startUser']) {\n processInstance.startUser = processInstance.startUserId;\n }\n if (!processInstance['processStarted']) {\n processInstance.processStarted = processInstance.startTime;\n }\n if (!processInstance['processEnded']) {\n processInstance.processEnded = processInstance.endTime;\n }\n if (!processInstance['active']) {\n processInstance.active = processInstance.endTime == null;\n }\n return processInstance;\n }\n\n getInstancesStatistics(fromDate?: string, toDate?: string, processFilter?: string) {\n const params = new HttpParams();\n params.set('fromDate', fromDate);\n params.set('toDate', toDate);\n params.set('processFilter', processFilter);\n return this.http.get<any[]>(`${this.valtimoEndpointUri}reporting/instancesstatistics`, {\n params: params,\n });\n }\n\n deployProcess(processXml: string) {\n const formData = new FormData();\n formData.append('file', new File([processXml], 'process.bpmn'));\n formData.append('deployment-name', 'valtimoConsoleApp');\n formData.append('deployment-source', 'process application');\n return this.http.post(\n `${this.valtimoEndpointUri}camunda-rest/engine/default/deployment/create`,\n formData\n );\n }\n\n migrateProcess(\n processDefinition1Id: string,\n processDefinition2Id: string,\n params: any\n ): Observable<any> {\n return this.http.post(\n `${this.valtimoEndpointUri}process/definition/${processDefinition1Id}/${processDefinition2Id}/migrate`,\n params\n );\n }\n}\n","/*\n * Copyright 2015-2020 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\nimport {\n Component,\n ElementRef,\n EventEmitter,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport {ProcessService} from '../process.service';\n\nimport * as BpmnJS from 'bpmn-js/dist/bpmn-navigated-viewer.production.min.js';\nimport * as heatmap from 'heatmap.js-fixed/build/heatmap.js';\n\n@Component({\n selector: 'valtimo-process-diagram',\n templateUrl: './process-diagram.component.html',\n styleUrls: ['./process-diagram.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class ProcessDiagramComponent implements OnInit, OnDestroy, OnChanges {\n private bpmnJS: BpmnJS;\n private heatMapInstance: any;\n\n @ViewChild('ref', {static: true}) public el: ElementRef;\n @Output() public importDone: EventEmitter<any> = new EventEmitter();\n @Input() public processDefinitionKey?: string;\n @Input() public processInstanceId?: string;\n\n public processDiagram: any;\n public processDefinition: any;\n public processDefinitionVersions: any;\n public heatmapCount: any;\n public heatmapDuration: any;\n public tasksCount: any;\n public showHeatmap: boolean;\n public enumHeatmapOptions = ['count', 'duration'];\n public heatmapOption: string;\n public version: any;\n public heatPoints: any;\n public min: number;\n public max: number;\n public inputData: any;\n public valueKey: any;\n\n constructor(private processService: ProcessService) {}\n\n ngOnInit() {\n if (this.processDefinitionKey) {\n this.loadProcessDefinitionFromKey(this.processDefinitionKey);\n }\n if (this.processInstanceId) {\n this.loadProcessInstanceXml(this.processInstanceId);\n }\n this.bpmnJS = new BpmnJS();\n this.bpmnJS.on('import.done', ({error}) => {\n if (!error) {\n const canvas = this.bpmnJS.get('canvas'),\n eventBus = this.bpmnJS.get('eventBus');\n if (this.processDiagram.historicActivityInstances) {\n this.processDiagram.historicActivityInstances.forEach(instance => {\n // exclude multiInstanceBody\n if (instance.activityType !== 'multiInstanceBody') {\n canvas.addMarker(\n instance.activityId,\n instance.endTime ? 'highlight-overlay-past' : 'highlight-overlay-current'\n );\n }\n });\n }\n\n canvas.zoom('fit-viewport', 'auto');\n if (this.processDefinitionVersions) {\n eventBus.on('canvas.init', () => {\n if (this.showHeatmap) {\n this.clearHeatmap();\n }\n this.loadHeatmapData();\n });\n eventBus.on('canvas.viewbox.changing', () => {\n if (this.showHeatmap) {\n this.clearHeatmap();\n }\n });\n eventBus.on('canvas.viewbox.changed', () => {\n this.loadHeatmapData();\n });\n }\n }\n });\n }\n\n ngOnChanges(): void {\n if (this.processDefinitionKey) {\n this.loadProcessDefinitionFromKey(this.processDefinitionKey);\n } else if (this.processInstanceId) {\n this.loadProcessInstanceXml(this.processInstanceId);\n }\n }\n\n ngOnDestroy() {\n if (this.bpmnJS) {\n this.bpmnJS.destroy();\n }\n }\n\n public loadProcessDefinition(processDefinitionKey) {\n this.processService.getProcessDefinition(processDefinitionKey).subscribe(response => {\n this.heatmapOption = this.enumHeatmapOptions[0];\n this.version = response.version;\n this.loadProcessDefinitionXml(response.id);\n });\n }\n\n public loadProcessDefinitionVersions(processDefinitionKey) {\n this.processService.getProcessDefinitionVersions(processDefinitionKey).subscribe(response => {\n this.processDefinitionVersions = response;\n });\n }\n\n public loadProcessDefinitionFromKey(processDefinitionKey) {\n this.loadProcessDefinitionVersions(processDefinitionKey);\n this.loadProcessDefinition(processDefinitionKey);\n }\n\n public loadProcessDefinitionXml(processDefinitionId) {\n this.processService.getProcessDefinitionXml(processDefinitionId).subscribe(response => {\n this.processDiagram = response;\n this.bpmnJS.importXML(this.processDiagram.bpmn20Xml);\n this.bpmnJS.attachTo(this.el.nativeElement);\n });\n }\n\n private loadProcessInstanceXml(processInstanceId) {\n this.processService.getProcessXml(processInstanceId).subscribe(response => {\n this.processDiagram = response;\n this.bpmnJS.importXML(this.processDiagram.bpmn20Xml);\n this.bpmnJS.attachTo(this.el.nativeElement);\n });\n }\n\n public loadProcessDefinitionHeatmapCount(processDefinition) {\n this.processService.getProcessHeatmapCount(processDefinition).subscribe(response => {\n this.inputData = response;\n this.valueKey = 'totalCount';\n this.heatPoints = {data: []};\n this.min = 0;\n this.max = 0;\n\n Object.keys(this.inputData).forEach(key => {\n const diagramContainer = this.el.nativeElement.querySelector('svg').getBoundingClientRect(),\n diagramElm = this.el.nativeElement\n .querySelector(`g[data-element-id=${key}]`)\n .getBoundingClientRect();\n this.setMax(key);\n this.heatPoints.data.push({\n x: Math.round(diagramElm.x - diagramContainer.x + diagramElm.width / 2),\n y: Math.round(diagramElm.y - diagramContainer.y + diagramElm.height / 2),\n value: this.inputData[key][this.valueKey],\n radius: diagramElm.width / 2,\n });\n this.addCounterActiveOverlays(key, this.inputData);\n });\n this.clearHeatmap();\n if (this.showHeatmap) {\n this.loadHeatmap();\n }\n });\n }\n\n public onWindowResize() {\n const oldCanvas = this.el.nativeElement.querySelector('canvas[class=heatmap-canvas]');\n if (oldCanvas) {\n oldCanvas.remove();\n this.heatMapInstance = null;\n }\n if (this.showHeatmap) {\n this.loadHeatmap();\n }\n }\n\n public loadProcessDefinitionHeatmapDuration(processDefinition) {\n this.processService.getProcessHeatmapDuration(processDefinition).subscribe(response => {\n this.inputData = response;\n this.valueKey = 'averageDurationInMilliseconds';\n this.heatPoints = {data: []};\n this.min = 0;\n this.max = 0;\n\n Object.keys(this.inputData).forEach(key => {\n const diagramContainer = this.el.nativeElement.querySelector('svg').getBoundingClientRect(),\n diagramElm = this.el.nativeElement\n .querySelector(`g[data-element-id=${key}]`)\n .getBoundingClientRect();\n this.setMax(key);\n this.heatPoints.data.push({\n x: Math.round(diagramElm.x - diagramContainer.x + diagramElm.width / 2),\n y: Math.round(diagramElm.y - diagramContainer.y + diagramElm.height / 2),\n value: this.inputData[key][this.valueKey],\n radius: diagramElm.width / 2,\n });\n this.addCounterActiveOverlays(key, this.inputData);\n });\n this.clearHeatmap();\n if (this.showHeatmap) {\n this.loadHeatmap();\n }\n });\n }\n\n public setProcessDefinitionKey(processDefinitionKey) {\n this.processDefinitionKey = processDefinitionKey;\n this.loadProcessDefinitionFromKey(this.processDefinitionKey);\n }\n\n public setProcessDefinitionVersion(version) {\n this.version = +version;\n this.loadHeatmapData();\n }\n\n public setHeatmapOption(heatmapOption) {\n this.heatmapOption = heatmapOption;\n this.loadHeatmapData();\n }\n\n public toggleShowHeatmap() {\n this.showHeatmap = !this.showHeatmap;\n this.loadHeatmapData();\n }\n\n public loadHeatmap() {\n if (!this.heatMapInstance) {\n this.heatMapInstance = heatmap.create({\n radius: 54,\n blur: 0.7,\n maxOpacity: 0.4,\n minOpacity: 0,\n container: this.el.nativeElement,\n });\n }\n this.heatMapInstance.setData({\n min: this.min,\n max: this.max,\n data: this.heatPoints.data,\n });\n }\n\n public clearHeatmap() {\n if (this.heatMapInstance) {\n this.heatMapInstance.setData({data: []});\n }\n }\n\n public loadHeatmapData() {\n this.processDefinition = this.processDefinitionVersions.find(\n definition => definition.version === this.version\n );\n\n if (this.heatmapOption === 'count') {\n this.loadProcessDefinitionHeatmapCount(this.processDefinition);\n }\n if (this.heatmapOption === 'duration') {\n this.loadProcessDefinitionHeatmapDuration(this.processDefinition);\n }\n }\n\n public setMax(key: any) {\n if (this.heatmapDuration) {\n this.max = Math.max(this.heatmapDuration[key].averageDurationInMilliseconds, this.max);\n } else if (this.heatmapCount) {\n this.max = Math.max(\n this.heatmapCount[key].totalCount + this.heatmapCount[key].count,\n this.max\n );\n }\n }\n\n public addCounterActiveOverlays(key: any, inputData: any) {\n const overlays = this.bpmnJS.get('overlays');\n overlays.add(key, {\n position: {\n bottom: 13,\n left: -12,\n },\n show: {\n minZoom: 0,\n maxZoom: 5.0,\n },\n html: `<span class=\"badge badge-pill badge-primary\">${inputData[key].count}</span>`,\n });\n }\n}\n","/*\n * Copyright 2015-2020 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\nimport {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {\n BpmnJsDiagramModule,\n CamundaFormModule,\n ListModule,\n TimelineModule,\n WidgetModule,\n} from '@valtimo/components';\nimport {ToastrModule} from 'ngx-toastr';\nimport {BrowserAnimationsModule} from '@angular/platform-browser/animations';\nimport {ProcessDiagramComponent} from './process-diagram/process-diagram.component';\n\n@NgModule({\n declarations: [ProcessDiagramComponent],\n imports: [\n CommonModule,\n ListModule,\n WidgetModule,\n TimelineModule,\n BpmnJsDiagramModule,\n CamundaFormModule,\n BrowserAnimationsModule,\n ToastrModule.forRoot({\n positionClass: 'toast-bottom-full-width',\n preventDuplicates: true,\n }),\n ],\n exports: [ProcessDiagramComponent],\n})\nexport class ProcessModule {}\n","/*\n * Copyright 2015-2020 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/*\n * Public API Surface of process\n */\n\nexport * from './lib/process.service';\nexport * from './lib/process.module';\nexport * from './lib/process-diagram/process-diagram.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["HttpParams","Injectable","HttpClient","ConfigService","EventEmitter","heatmap.create","Component","ViewEncapsulation","ViewChild","Output","Input","NgModule","CommonModule","ListModule","WidgetModule","TimelineModule","BpmnJsDiagramModule","CamundaFormModule","BrowserAnimationsModule","ToastrModule"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common/http"),require("@valtimo/config"),require("@angular/common"),require("@valtimo/components"),require("ngx-toastr"),require("@angular/platform-browser/animations"),require("bpmn-js/dist/bpmn-navigated-viewer.production.min.js"),require("heatmap.js-fixed/build/heatmap.js")):"function"==typeof define&&define.amd?define("@valtimo/process",["exports","@angular/core","@angular/common/http","@valtimo/config","@angular/common","@valtimo/components","ngx-toastr","@angular/platform-browser/animations","bpmn-js/dist/bpmn-navigated-viewer.production.min.js","heatmap.js-fixed/build/heatmap.js"],e):e(((t=t||self).valtimo=t.valtimo||{},t.valtimo.process={}),t.ng.core,t.ng.common.http,t.config,t.ng.common,t.components,t.ngxToastr,t.ng.platformBrowser.animations,t.BpmnJS,t.heatmap)}(this,(function(t,e,n,i,o,s,a,r,p,c){"use strict";var l=function(){function t(t,e){this.http=t,this.valtimoEndpointUri=e.config.valtimoApi.endpointUri}return t.prototype.getProcessDefinitions=function(){return this.http.get(this.valtimoEndpointUri+"process/definition")},t.prototype.getProcessDefinitionVersions=function(t){return this.http.get(this.valtimoEndpointUri+"process/definition/"+t+"/versions")},t.prototype.getProcessDefinition=function(t){return this.http.get(this.valtimoEndpointUri+"process/definition/"+t)},t.prototype.getProcessDefinitionStartFormData=function(t){return this.http.get(this.valtimoEndpointUri+"process/definition/"+t+"/start-form")},t.prototype.startProcesInstance=function(t,e,n){return this.http.post(this.valtimoEndpointUri+"process/definition/"+t+"/"+e+"/start",n)},t.prototype.getProcessDefinitionXml=function(t){return this.http.get(this.valtimoEndpointUri+"process/definition/"+t+"/xml")},t.prototype.getProcessXml=function(t){return this.http.get(this.valtimoEndpointUri+"process/"+t+"/xml")},t.prototype.getProcessCount=function(t){return this.http.post(this.valtimoEndpointUri+"v2/process/definition/"+t+"/count",{key:t,processVariables:[{"@type":"boolean",name:"active",value:!0}]})},t.prototype.getProcessHeatmapCount=function(t){return this.http.get(this.valtimoEndpointUri+"process/definition/"+t.key+"/heatmap/count?version="+t.version)},t.prototype.getProcessHeatmapDuration=function(t){return this.http.get(this.valtimoEndpointUri+"process/definition/"+t.key+"/heatmap/duration?version="+t.version)},t.prototype.getProcessInstances=function(t,e,i,o){var s=(new n.HttpParams).set("page",e.toString()).set("size",i.toString()).set("sort",o);return this.http.post(this.valtimoEndpointUri+"v2/process/"+t+"/search",{},{params:s})},t.prototype.getProcessInstance=function(t){return this.http.get(this.valtimoEndpointUri+"process/"+t,{})},t.prototype.getProcessInstanceTasks=function(t){return this.http.get(this.valtimoEndpointUri+"process/"+t+"/tasks",{})},t.prototype.getProcessInstanceVariables=function(t,e){return this.http.post(this.valtimoEndpointUri+"process-instance/"+t+"/variables",e)},t.prototype.addProcessInstancesDefaultVariablesValues=function(t){var e=this;return t.forEach((function(t){return e.addDefaultVariablesValues(t)})),t},t.prototype.addDefaultVariablesValues=function(t){return t.startUser||(t.startUser=t.startUserId),t.processStarted||(t.processStarted=t.startTime),t.processEnded||(t.processEnded=t.endTime),t.active||(t.active=null==t.endTime),t},t.prototype.getInstancesStatistics=function(t,e,i){var o=new n.HttpParams;return o.set("fromDate",t),o.set("toDate",e),o.set("processFilter",i),this.http.get(this.valtimoEndpointUri+"reporting/instancesstatistics",{params:o})},t.prototype.deployProcess=function(t){var e=new FormData;return e.append("file",new File([t],"process.bpmn")),e.append("deployment-name","valtimoConsoleApp"),e.append("deployment-source","process application"),this.http.post(this.valtimoEndpointUri+"camunda-rest/engine/default/deployment/create",e)},t.prototype.migrateProcess=function(t,e,n){return this.http.post(this.valtimoEndpointUri+"process/definition/"+t+"/"+e+"/migrate",n)},t}();l.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new l(e.ɵɵinject(n.HttpClient),e.ɵɵinject(i.ConfigService))},token:l,providedIn:"root"}),l.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],l.ctorParameters=function(){return[{type:n.HttpClient},{type:i.ConfigService}]};var d=function(){function t(t){this.processService=t,this.importDone=new e.EventEmitter,this.enumHeatmapOptions=["count","duration"]}return t.prototype.ngOnInit=function(){var t=this;this.processDefinitionKey&&this.loadProcessDefinitionFromKey(this.processDefinitionKey),this.processInstanceId&&this.loadProcessInstanceXml(this.processInstanceId),this.bpmnJS=new p,this.bpmnJS.on("import.done",(function(e){if(!e.error){var n=t.bpmnJS.get("canvas"),i=t.bpmnJS.get("eventBus");t.processDiagram.historicActivityInstances&&t.processDiagram.historicActivityInstances.forEach((function(t){"multiInstanceBody"!==t.activityType&&n.addMarker(t.activityId,t.endTime?"highlight-overlay-past":"highlight-overlay-current")})),n.zoom("fit-viewport","auto"),t.processDefinitionVersions&&(i.on("canvas.init",(function(){t.showHeatmap&&t.clearHeatmap(),t.loadHeatmapData()})),i.on("canvas.viewbox.changing",(function(){t.showHeatmap&&t.clearHeatmap()})),i.on("canvas.viewbox.changed",(function(){t.loadHeatmapData()})))}}))},t.prototype.ngOnChanges=function(){this.processDefinitionKey?this.loadProcessDefinitionFromKey(this.processDefinitionKey):this.processInstanceId&&this.loadProcessInstanceXml(this.processInstanceId)},t.prototype.ngOnDestroy=function(){this.bpmnJS&&this.bpmnJS.destroy()},t.prototype.loadProcessDefinition=function(t){var e=this;this.processService.getProcessDefinition(t).subscribe((function(t){e.heatmapOption=e.enumHeatmapOptions[0],e.version=t.version,e.loadProcessDefinitionXml(t.id)}))},t.prototype.loadProcessDefinitionVersions=function(t){var e=this;this.processService.getProcessDefinitionVersions(t).subscribe((function(t){e.processDefinitionVersions=t}))},t.prototype.loadProcessDefinitionFromKey=function(t){this.loadProcessDefinitionVersions(t),this.loadProcessDefinition(t)},t.prototype.loadProcessDefinitionXml=function(t){var e=this;this.processService.getProcessDefinitionXml(t).subscribe((function(t){e.processDiagram=t,e.bpmnJS.importXML(e.processDiagram.bpmn20Xml),e.bpmnJS.attachTo(e.el.nativeElement)}))},t.prototype.loadProcessInstanceXml=function(t){var e=this;this.processService.getProcessXml(t).subscribe((function(t){e.processDiagram=t,e.bpmnJS.importXML(e.processDiagram.bpmn20Xml),e.bpmnJS.attachTo(e.el.nativeElement)}))},t.prototype.loadProcessDefinitionHeatmapCount=function(t){var e=this;this.processService.getProcessHeatmapCount(t).subscribe((function(t){e.inputData=t,e.valueKey="totalCount",e.heatPoints={data:[]},e.min=0,e.max=0,Object.keys(e.inputData).forEach((function(t){var n=e.el.nativeElement.querySelector("svg").getBoundingClientRect(),i=e.el.nativeElement.querySelector("g[data-element-id="+t+"]").getBoundingClientRect();e.setMax(t),e.heatPoints.data.push({x:Math.round(i.x-n.x+i.width/2),y:Math.round(i.y-n.y+i.height/2),value:e.inputData[t][e.valueKey],radius:i.width/2}),e.addCounterActiveOverlays(t,e.inputData)})),e.clearHeatmap(),e.showHeatmap&&e.loadHeatmap()}))},t.prototype.onWindowResize=function(){var t=this.el.nativeElement.querySelector("canvas[class=heatmap-canvas]");t&&(t.remove(),this.heatMapInstance=null),this.showHeatmap&&this.loadHeatmap()},t.prototype.loadProcessDefinitionHeatmapDuration=function(t){var e=this;this.processService.getProcessHeatmapDuration(t).subscribe((function(t){e.inputData=t,e.valueKey="averageDurationInMilliseconds",e.heatPoints={data:[]},e.min=0,e.max=0,Object.keys(e.inputData).forEach((function(t){var n=e.el.nativeElement.querySelector("svg").getBoundingClientRect(),i=e.el.nativeElement.querySelector("g[data-element-id="+t+"]").getBoundingClientRect();e.setMax(t),e.heatPoints.data.push({x:Math.round(i.x-n.x+i.width/2),y:Math.round(i.y-n.y+i.height/2),value:e.inputData[t][e.valueKey],radius:i.width/2}),e.addCounterActiveOverlays(t,e.inputData)})),e.clearHeatmap(),e.showHeatmap&&e.loadHeatmap()}))},t.prototype.setProcessDefinitionKey=function(t){this.processDefinitionKey=t,this.loadProcessDefinitionFromKey(this.processDefinitionKey)},t.prototype.setProcessDefinitionVersion=function(t){this.version=+t,this.loadHeatmapData()},t.prototype.setHeatmapOption=function(t){this.heatmapOption=t,this.loadHeatmapData()},t.prototype.toggleShowHeatmap=function(){this.showHeatmap=!this.showHeatmap,this.loadHeatmapData()},t.prototype.loadHeatmap=function(){this.heatMapInstance||(this.heatMapInstance=c.create({radius:54,blur:.7,maxOpacity:.4,minOpacity:0,container:this.el.nativeElement})),this.heatMapInstance.setData({min:this.min,max:this.max,data:this.heatPoints.data})},t.prototype.clearHeatmap=function(){this.heatMapInstance&&this.heatMapInstance.setData({data:[]})},t.prototype.loadHeatmapData=function(){var t=this;this.processDefinition=this.processDefinitionVersions.find((function(e){return e.version===t.version})),"count"===this.heatmapOption&&this.loadProcessDefinitionHeatmapCount(this.processDefinition),"duration"===this.heatmapOption&&this.loadProcessDefinitionHeatmapDuration(this.processDefinition)},t.prototype.setMax=function(t){this.heatmapDuration?this.max=Math.max(this.heatmapDuration[t].averageDurationInMilliseconds,this.max):this.heatmapCount&&(this.max=Math.max(this.heatmapCount[t].totalCount+this.heatmapCount[t].count,this.max))},t.prototype.addCounterActiveOverlays=function(t,e){this.bpmnJS.get("overlays").add(t,{position:{bottom:13,left:-12},show:{minZoom:0,maxZoom:5},html:'<span class="badge badge-pill badge-primary">'+e[t].count+"</span>"})},t}();d.decorators=[{type:e.Component,args:[{selector:"valtimo-process-diagram",template:'\x3c!--\n ~ Copyright 2015-2020 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 --\x3e\n<div class="process-diagram-container">\n <div *ngIf="processDefinitionKey" class="diagram-container-switch-holder" >\n <div class="container-fluid">\n <div class="row p-4 bg-light">\n <div class="col-4">\n <label><strong>Version</strong></label><br />\n <select class="form-control" (change)="setProcessDefinitionVersion($event.target.value)">\n <option *ngFor="let processDefinitionVersion of processDefinitionVersions"\n [value]="processDefinitionVersion.version"\n [selected]="processDefinitionVersion.version === version">\n {{ processDefinitionVersion.version }}\n </option>\n </select>\n </div>\n <div class="col-4">\n <label><strong>Heatmap type</strong></label><br />\n <select class="form-control" (change)="setHeatmapOption($event.target.value)">\n <option *ngFor="let option of enumHeatmapOptions"\n [value]="option"\n [selected]="option === heatmapOption" >\n {{ option }}\n </option>\n </select>\n </div>\n <div class="col-4 text-right">\n <label><strong>Show heatmap</strong></label><br />\n <div class="text-left switch-button switch-button-sm switch-button-success">\n <input type="checkbox" id="toggleHeatmap" [checked]="showHeatmap" (click)="toggleShowHeatmap()"><span>\n <label for="toggleHeatmap"></label></span>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div #ref (window:resize)="onWindowResize()" class="diagram-container"></div>\n\n <div *ngIf="processInstanceId" class="p-4 text-center legenda-holder">\n <span><div class="legenda highlight-overlay-past"></div> Executed tasks</span>\n <span class="ml-3"><div class="legenda highlight-overlay-current"></div> Current tasks</span>\n </div>\n\n <div *ngIf="processDefinitionKey" class="p-4 text-center legenda-holder">\n <span><span class="badge badge-pill badge-primary">N</span> Amount of currently active instances of this task.</span>\n <span> | Red/yellow/green orbs: The amount of times the task is executed in comparison to the other tasks.</span>\n </div>\n</div>\n',encapsulation:e.ViewEncapsulation.None,styles:[".process-diagram-container .diagram-container{height:50vh;width:100%}.process-diagram-container .diagram-container-switch-holder{position:absolute;width:100%;z-index:1000}.process-diagram-container .highlight-overlay-past:not(.djs-connection) .djs-visual>:first-child{fill:#d8d8d8!important}.process-diagram-container .highlight-overlay-current:not(.djs-connection) .djs-visual>:first-child{fill:#b2e0ff!important}.process-diagram-container .legenda-holder{font-size:1em}.process-diagram-container .legenda{border:2px solid #000;border-radius:3px;display:inline-block;margin-bottom:-4px;margin-right:5px;padding:7px}.process-diagram-container .legenda.highlight-overlay-past{background-color:#d8d8d8}.process-diagram-container .legenda.highlight-overlay-current{background-color:#b2e0ff}"]}]}],d.ctorParameters=function(){return[{type:l}]},d.propDecorators={el:[{type:e.ViewChild,args:["ref",{static:!0}]}],importDone:[{type:e.Output}],processDefinitionKey:[{type:e.Input}],processInstanceId:[{type:e.Input}]};var h=function(){};h.decorators=[{type:e.NgModule,args:[{declarations:[d],imports:[o.CommonModule,s.ListModule,s.WidgetModule,s.TimelineModule,s.BpmnJsDiagramModule,s.CamundaFormModule,r.BrowserAnimationsModule,a.ToastrModule.forRoot({positionClass:"toast-bottom-full-width",preventDuplicates:!0})],exports:[d]}]}],t.ProcessDiagramComponent=d,t.ProcessModule=h,t.ProcessService=l,Object.defineProperty(t,"__esModule",{value:!0})}));
|
|
1
|
+
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common/http"),require("@valtimo/config"),require("@angular/common"),require("@valtimo/components"),require("ngx-toastr"),require("@angular/platform-browser/animations"),require("bpmn-js/dist/bpmn-navigated-viewer.production.min.js"),require("heatmap.js-fixed/build/heatmap.js")):"function"==typeof define&&define.amd?define("@valtimo/process",["exports","@angular/core","@angular/common/http","@valtimo/config","@angular/common","@valtimo/components","ngx-toastr","@angular/platform-browser/animations","bpmn-js/dist/bpmn-navigated-viewer.production.min.js","heatmap.js-fixed/build/heatmap.js"],e):e(((t=t||self).valtimo=t.valtimo||{},t.valtimo.process={}),t.ng.core,t.ng.common.http,t.config,t.ng.common,t.components,t.ngxToastr,t.ng.platformBrowser.animations,t.BpmnJS,t.heatmap)}(this,(function(t,e,n,i,o,s,a,r,p,c){"use strict";var l=function(){function t(t,e){this.http=t,this.valtimoEndpointUri=e.config.valtimoApi.endpointUri}return t.prototype.getProcessDefinitions=function(){return this.http.get(this.valtimoEndpointUri+"process/definition")},t.prototype.getProcessDefinitionVersions=function(t){return this.http.get(this.valtimoEndpointUri+"process/definition/"+t+"/versions")},t.prototype.getProcessDefinition=function(t){return this.http.get(this.valtimoEndpointUri+"process/definition/"+t)},t.prototype.getProcessDefinitionStartFormData=function(t){return this.http.get(this.valtimoEndpointUri+"process/definition/"+t+"/start-form")},t.prototype.startProcesInstance=function(t,e,n){return this.http.post(this.valtimoEndpointUri+"process/definition/"+t+"/"+e+"/start",n)},t.prototype.getProcessDefinitionXml=function(t){return this.http.get(this.valtimoEndpointUri+"process/definition/"+t+"/xml")},t.prototype.getProcessXml=function(t){return this.http.get(this.valtimoEndpointUri+"process/"+t+"/xml")},t.prototype.getProcessCount=function(t){return this.http.post(this.valtimoEndpointUri+"v2/process/definition/"+t+"/count",{key:t,processVariables:[{"@type":"boolean",name:"active",value:!0}]})},t.prototype.getProcessHeatmapCount=function(t){return this.http.get(this.valtimoEndpointUri+"process/definition/"+t.key+"/heatmap/count?version="+t.version)},t.prototype.getProcessHeatmapDuration=function(t){return this.http.get(this.valtimoEndpointUri+"process/definition/"+t.key+"/heatmap/duration?version="+t.version)},t.prototype.getProcessInstances=function(t,e,i,o){var s=(new n.HttpParams).set("page",e.toString()).set("size",i.toString()).set("sort",o);return this.http.post(this.valtimoEndpointUri+"v2/process/"+t+"/search",{},{params:s})},t.prototype.getProcessInstance=function(t){return this.http.get(this.valtimoEndpointUri+"process/"+t,{})},t.prototype.getProcessInstanceTasks=function(t){return this.http.get(this.valtimoEndpointUri+"process/"+t+"/tasks",{})},t.prototype.getProcessInstanceVariables=function(t,e){return this.http.post(this.valtimoEndpointUri+"process-instance/"+t+"/variables",e)},t.prototype.addProcessInstancesDefaultVariablesValues=function(t){var e=this;return t.forEach((function(t){return e.addDefaultVariablesValues(t)})),t},t.prototype.addDefaultVariablesValues=function(t){return t.startUser||(t.startUser=t.startUserId),t.processStarted||(t.processStarted=t.startTime),t.processEnded||(t.processEnded=t.endTime),t.active||(t.active=null==t.endTime),t},t.prototype.getInstancesStatistics=function(t,e,i){var o=new n.HttpParams;return o.set("fromDate",t),o.set("toDate",e),o.set("processFilter",i),this.http.get(this.valtimoEndpointUri+"reporting/instancesstatistics",{params:o})},t.prototype.deployProcess=function(t){var e=new FormData;return e.append("file",new File([t],"process.bpmn")),e.append("deployment-name","valtimoConsoleApp"),e.append("deployment-source","process application"),this.http.post(this.valtimoEndpointUri+"camunda-rest/engine/default/deployment/create",e)},t.prototype.migrateProcess=function(t,e,n){return this.http.post(this.valtimoEndpointUri+"process/definition/"+t+"/"+e+"/migrate",n)},t}();l.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new l(e.ɵɵinject(n.HttpClient),e.ɵɵinject(i.ConfigService))},token:l,providedIn:"root"}),l.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],l.ctorParameters=function(){return[{type:n.HttpClient},{type:i.ConfigService}]};var d=function(){function t(t){this.processService=t,this.importDone=new e.EventEmitter,this.enumHeatmapOptions=["count","duration"]}return t.prototype.ngOnInit=function(){var t=this;this.processDefinitionKey&&this.loadProcessDefinitionFromKey(this.processDefinitionKey),this.processInstanceId&&this.loadProcessInstanceXml(this.processInstanceId),this.bpmnJS=new p,this.bpmnJS.on("import.done",(function(e){if(!e.error){var n=t.bpmnJS.get("canvas"),i=t.bpmnJS.get("eventBus");t.processDiagram.historicActivityInstances&&t.processDiagram.historicActivityInstances.forEach((function(t){"multiInstanceBody"!==t.activityType&&n.addMarker(t.activityId,t.endTime?"highlight-overlay-past":"highlight-overlay-current")})),n.zoom("fit-viewport","auto"),t.processDefinitionVersions&&(i.on("canvas.init",(function(){t.showHeatmap&&t.clearHeatmap(),t.loadHeatmapData()})),i.on("canvas.viewbox.changing",(function(){t.showHeatmap&&t.clearHeatmap()})),i.on("canvas.viewbox.changed",(function(){t.loadHeatmapData()})))}}))},t.prototype.ngOnChanges=function(){this.processDefinitionKey?this.loadProcessDefinitionFromKey(this.processDefinitionKey):this.processInstanceId&&this.loadProcessInstanceXml(this.processInstanceId)},t.prototype.ngOnDestroy=function(){this.bpmnJS&&this.bpmnJS.destroy()},t.prototype.loadProcessDefinition=function(t){var e=this;this.processService.getProcessDefinition(t).subscribe((function(t){e.heatmapOption=e.enumHeatmapOptions[0],e.version=t.version,e.loadProcessDefinitionXml(t.id)}))},t.prototype.loadProcessDefinitionVersions=function(t){var e=this;this.processService.getProcessDefinitionVersions(t).subscribe((function(t){e.processDefinitionVersions=t}))},t.prototype.loadProcessDefinitionFromKey=function(t){this.loadProcessDefinitionVersions(t),this.loadProcessDefinition(t)},t.prototype.loadProcessDefinitionXml=function(t){var e=this;this.processService.getProcessDefinitionXml(t).subscribe((function(t){e.processDiagram=t,e.bpmnJS.importXML(e.processDiagram.bpmn20Xml),e.bpmnJS.attachTo(e.el.nativeElement)}))},t.prototype.loadProcessInstanceXml=function(t){var e=this;this.processService.getProcessXml(t).subscribe((function(t){e.processDiagram=t,e.bpmnJS.importXML(e.processDiagram.bpmn20Xml),e.bpmnJS.attachTo(e.el.nativeElement)}))},t.prototype.loadProcessDefinitionHeatmapCount=function(t){var e=this;this.processService.getProcessHeatmapCount(t).subscribe((function(t){e.inputData=t,e.valueKey="totalCount",e.heatPoints={data:[]},e.min=0,e.max=0,Object.keys(e.inputData).forEach((function(t){var n=e.el.nativeElement.querySelector("svg").getBoundingClientRect(),i=e.el.nativeElement.querySelector("g[data-element-id="+t+"]").getBoundingClientRect();e.setMax(t),e.heatPoints.data.push({x:Math.round(i.x-n.x+i.width/2),y:Math.round(i.y-n.y+i.height/2),value:e.inputData[t][e.valueKey],radius:i.width/2}),e.addCounterActiveOverlays(t,e.inputData)})),e.clearHeatmap(),e.showHeatmap&&e.loadHeatmap()}))},t.prototype.onWindowResize=function(){var t=this.el.nativeElement.querySelector("canvas[class=heatmap-canvas]");t&&(t.remove(),this.heatMapInstance=null),this.showHeatmap&&this.loadHeatmap()},t.prototype.loadProcessDefinitionHeatmapDuration=function(t){var e=this;this.processService.getProcessHeatmapDuration(t).subscribe((function(t){e.inputData=t,e.valueKey="averageDurationInMilliseconds",e.heatPoints={data:[]},e.min=0,e.max=0,Object.keys(e.inputData).forEach((function(t){var n=e.el.nativeElement.querySelector("svg").getBoundingClientRect(),i=e.el.nativeElement.querySelector("g[data-element-id="+t+"]").getBoundingClientRect();e.setMax(t),e.heatPoints.data.push({x:Math.round(i.x-n.x+i.width/2),y:Math.round(i.y-n.y+i.height/2),value:e.inputData[t][e.valueKey],radius:i.width/2}),e.addCounterActiveOverlays(t,e.inputData)})),e.clearHeatmap(),e.showHeatmap&&e.loadHeatmap()}))},t.prototype.setProcessDefinitionKey=function(t){this.processDefinitionKey=t,this.loadProcessDefinitionFromKey(this.processDefinitionKey)},t.prototype.setProcessDefinitionVersion=function(t){this.version=+t,this.loadHeatmapData()},t.prototype.setHeatmapOption=function(t){this.heatmapOption=t,this.loadHeatmapData()},t.prototype.toggleShowHeatmap=function(){this.showHeatmap=!this.showHeatmap,this.loadHeatmapData()},t.prototype.loadHeatmap=function(){this.heatMapInstance||(this.heatMapInstance=c.create({radius:54,blur:.7,maxOpacity:.4,minOpacity:0,container:this.el.nativeElement})),this.heatMapInstance.setData({min:this.min,max:this.max,data:this.heatPoints.data})},t.prototype.clearHeatmap=function(){this.heatMapInstance&&this.heatMapInstance.setData({data:[]})},t.prototype.loadHeatmapData=function(){var t=this;this.processDefinition=this.processDefinitionVersions.find((function(e){return e.version===t.version})),"count"===this.heatmapOption&&this.loadProcessDefinitionHeatmapCount(this.processDefinition),"duration"===this.heatmapOption&&this.loadProcessDefinitionHeatmapDuration(this.processDefinition)},t.prototype.setMax=function(t){this.heatmapDuration?this.max=Math.max(this.heatmapDuration[t].averageDurationInMilliseconds,this.max):this.heatmapCount&&(this.max=Math.max(this.heatmapCount[t].totalCount+this.heatmapCount[t].count,this.max))},t.prototype.addCounterActiveOverlays=function(t,e){this.bpmnJS.get("overlays").add(t,{position:{bottom:13,left:-12},show:{minZoom:0,maxZoom:5},html:'<span class="badge badge-pill badge-primary">'+e[t].count+"</span>"})},t}();d.decorators=[{type:e.Component,args:[{selector:"valtimo-process-diagram",template:'\x3c!--\n ~ Copyright 2015-2020 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 --\x3e\n<div class="process-diagram-container">\n <div *ngIf="processDefinitionKey" class="diagram-container-switch-holder">\n <div class="container-fluid">\n <div class="row p-4 bg-light">\n <div class="col-4">\n <label><strong>Version</strong></label\n ><br />\n <select class="form-control" (change)="setProcessDefinitionVersion($event.target.value)">\n <option\n *ngFor="let processDefinitionVersion of processDefinitionVersions"\n [value]="processDefinitionVersion.version"\n [selected]="processDefinitionVersion.version === version"\n >\n {{ processDefinitionVersion.version }}\n </option>\n </select>\n </div>\n <div class="col-4">\n <label><strong>Heatmap type</strong></label\n ><br />\n <select class="form-control" (change)="setHeatmapOption($event.target.value)">\n <option\n *ngFor="let option of enumHeatmapOptions"\n [value]="option"\n [selected]="option === heatmapOption"\n >\n {{ option }}\n </option>\n </select>\n </div>\n <div class="col-4 text-right">\n <label><strong>Show heatmap</strong></label\n ><br />\n <div class="text-left switch-button switch-button-sm switch-button-success">\n <input\n type="checkbox"\n id="toggleHeatmap"\n [checked]="showHeatmap"\n (click)="toggleShowHeatmap()"\n /><span> <label for="toggleHeatmap"></label></span>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div #ref (window:resize)="onWindowResize()" class="diagram-container"></div>\n\n <div *ngIf="processInstanceId" class="p-4 text-center legenda-holder">\n <span\n ><div class="legenda highlight-overlay-past"></div>\n Executed tasks</span\n >\n <span class="ml-3"\n ><div class="legenda highlight-overlay-current"></div>\n Current tasks</span\n >\n </div>\n\n <div *ngIf="processDefinitionKey" class="p-4 text-center legenda-holder">\n <span\n ><span class="badge badge-pill badge-primary">N</span> Amount of currently active\n instances of this task.</span\n >\n <span\n > | Red/yellow/green orbs: The amount of times the task is executed in\n comparison to the other tasks.</span\n >\n </div>\n</div>\n',encapsulation:e.ViewEncapsulation.None,styles:[".process-diagram-container .diagram-container{height:50vh;width:100%}.process-diagram-container .diagram-container-switch-holder{position:absolute;width:100%;z-index:1000}.process-diagram-container .highlight-overlay-past:not(.djs-connection) .djs-visual>:first-child{fill:#d8d8d8!important}.process-diagram-container .highlight-overlay-current:not(.djs-connection) .djs-visual>:first-child{fill:#b2e0ff!important}.process-diagram-container .legenda-holder{font-size:1em}.process-diagram-container .legenda{border:2px solid #000;border-radius:3px;display:inline-block;margin-bottom:-4px;margin-right:5px;padding:7px}.process-diagram-container .legenda.highlight-overlay-past{background-color:#d8d8d8}.process-diagram-container .legenda.highlight-overlay-current{background-color:#b2e0ff}"]}]}],d.ctorParameters=function(){return[{type:l}]},d.propDecorators={el:[{type:e.ViewChild,args:["ref",{static:!0}]}],importDone:[{type:e.Output}],processDefinitionKey:[{type:e.Input}],processInstanceId:[{type:e.Input}]};var h=function(){};h.decorators=[{type:e.NgModule,args:[{declarations:[d],imports:[o.CommonModule,s.ListModule,s.WidgetModule,s.TimelineModule,s.BpmnJsDiagramModule,s.CamundaFormModule,r.BrowserAnimationsModule,a.ToastrModule.forRoot({positionClass:"toast-bottom-full-width",preventDuplicates:!0})],exports:[d]}]}],t.ProcessDiagramComponent=d,t.ProcessModule=h,t.ProcessService=l,Object.defineProperty(t,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=valtimo-process.umd.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../projects/valtimo/process/src/lib/process.service.ts","../../../../projects/valtimo/process/src/lib/process-diagram/process-diagram.component.ts","../../../../projects/valtimo/process/src/lib/process.module.ts"],"names":["ProcessService","http","configService","this","valtimoEndpointUri","config","valtimoApi","endpointUri","prototype","getProcessDefinitions","get","getProcessDefinitionVersions","key","getProcessDefinition","getProcessDefinitionStartFormData","processDefinitionKey","startProcesInstance","businessKey","variables","post","getProcessDefinitionXml","processDefinitionId","getProcessXml","id","getProcessCount","processVariables","@type","name","value","getProcessHeatmapCount","processDefinition","version","getProcessHeatmapDuration","getProcessInstances","page","size","sort","params","HttpParams","set","toString","getProcessInstance","processInstanceId","getProcessInstanceTasks","getProcessInstanceVariables","variableNames","addProcessInstancesDefaultVariablesValues","processInstances","_this","forEach","processInstance","addDefaultVariablesValues","startUser","startUserId","processStarted","startTime","processEnded","endTime","active","getInstancesStatistics","fromDate","toDate","processFilter","deployProcess","processXml","formData","FormData","append","File","migrateProcess","processDefinition1Id","processDefinition2Id","Injectable","args","providedIn","HttpClient","ConfigService","ProcessDiagramComponent","processService","importDone","EventEmitter","enumHeatmapOptions","ngOnInit","loadProcessDefinitionFromKey","loadProcessInstanceXml","bpmnJS","BpmnJS","on","_a","error","canvas_1","eventBus","processDiagram","historicActivityInstances","instance","activityType","addMarker","activityId","zoom","processDefinitionVersions","showHeatmap","clearHeatmap","loadHeatmapData","ngOnChanges","ngOnDestroy","destroy","loadProcessDefinition","subscribe","response","heatmapOption","loadProcessDefinitionXml","loadProcessDefinitionVersions","importXML","bpmn20Xml","attachTo","el","nativeElement","loadProcessDefinitionHeatmapCount","inputData","valueKey","heatPoints","data","min","max","Object","keys","diagramContainer","querySelector","getBoundingClientRect","diagramElm","setMax","push","x","Math","round","width","y","height","radius","addCounterActiveOverlays","loadHeatmap","onWindowResize","oldCanvas","remove","heatMapInstance","loadProcessDefinitionHeatmapDuration","setProcessDefinitionKey","setProcessDefinitionVersion","setHeatmapOption","toggleShowHeatmap","heatmap.create","blur","maxOpacity","minOpacity","container","setData","find","definition","heatmapDuration","averageDurationInMilliseconds","heatmapCount","totalCount","count","add","position","bottom","left","show","minZoom","maxZoom","html","Component","selector","template","encapsulation","ViewEncapsulation","None","ViewChild","static","Output","Input","NgModule","declarations","imports","CommonModule","ListModule","WidgetModule","TimelineModule","BpmnJsDiagramModule","CamundaFormModule","BrowserAnimationsModule","ToastrModule","forRoot","positionClass","preventDuplicates","exports"],"mappings":"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","sourcesContent":["/*\n * Copyright 2015-2020 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\nimport {Injectable} from '@angular/core';\nimport {HttpClient, HttpParams} from '@angular/common/http';\nimport {Observable} from 'rxjs';\nimport {ProcessDefinition, ProcessDefinitionStartForm, ProcessInstance, ProcessInstanceTask, ProcessStart} from '@valtimo/contract';\nimport {ConfigService} from '@valtimo/config';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class ProcessService {\n private valtimoEndpointUri: string;\n\n constructor(\n private http: HttpClient,\n configService: ConfigService\n ) {\n this.valtimoEndpointUri = configService.config.valtimoApi.endpointUri;\n }\n\n getProcessDefinitions(): Observable<ProcessDefinition[]> {\n return this.http.get<ProcessDefinition[]>(`${this.valtimoEndpointUri}process/definition`);\n }\n\n getProcessDefinitionVersions(key: string): Observable<ProcessDefinition[]> {\n return this.http.get<ProcessDefinition[]>(`${this.valtimoEndpointUri}process/definition/${key}/versions`);\n }\n\n getProcessDefinition(key: string): Observable<ProcessDefinition> {\n return this.http.get<ProcessDefinition>(`${this.valtimoEndpointUri}process/definition/${key}`);\n }\n\n getProcessDefinitionStartFormData(processDefinitionKey: string): Observable<ProcessDefinitionStartForm> {\n return this.http.get<ProcessDefinitionStartForm>(`${this.valtimoEndpointUri}process/definition/${processDefinitionKey}/start-form`);\n }\n\n startProcesInstance(key: string, businessKey: string, variables: Map<string, any>): Observable<any> {\n return this.http.post<ProcessStart>(\n `${this.valtimoEndpointUri}process/definition/${key}/${businessKey}/start`, variables\n );\n }\n\n getProcessDefinitionXml(processDefinitionId: string): Observable<any> {\n return this.http.get(`${this.valtimoEndpointUri}process/definition/${processDefinitionId}/xml`);\n }\n\n getProcessXml(id: string): Observable<any> {\n return this.http.get(`${this.valtimoEndpointUri}process/${id}/xml`);\n }\n\n getProcessCount(id: string): Observable<any> {\n return this.http.post(`${this.valtimoEndpointUri}v2/process/definition/${id}/count`, {\n 'key': id,\n 'processVariables': [{'@type': 'boolean', 'name': 'active', 'value': true}]\n });\n }\n\n getProcessHeatmapCount(processDefinition: ProcessDefinition): Observable<any[]> {\n return this.http.get<any[]>(\n `${this.valtimoEndpointUri}process/definition/${processDefinition.key}/heatmap/count?version=${processDefinition.version}`\n );\n }\n\n getProcessHeatmapDuration(processDefinition: ProcessDefinition): Observable<any[]> {\n return this.http.get<any[]>(\n `${this.valtimoEndpointUri}process/definition/${processDefinition.key}/heatmap/duration?version=${processDefinition.version}`\n );\n }\n\n getProcessInstances(key: string, page: number, size: number, sort: string): Observable<any> {\n const params = new HttpParams()\n .set('page', page.toString())\n .set('size', size.toString())\n .set('sort', sort);\n\n return this.http.post<ProcessInstance>(`${this.valtimoEndpointUri}v2/process/${key}/search`, {}, {'params': params});\n }\n\n getProcessInstance(processInstanceId: string): Observable<ProcessInstance> {\n return this.http.get<ProcessInstance>(`${this.valtimoEndpointUri}process/${processInstanceId}`, {});\n }\n\n getProcessInstanceTasks(id: string): Observable<ProcessInstanceTask[]> {\n return this.http.get<ProcessInstanceTask[]>(`${this.valtimoEndpointUri}process/${id}/tasks`, {});\n }\n\n getProcessInstanceVariables(id: string, variableNames: Array<any>): Observable<any> {\n return this.http.post(`${this.valtimoEndpointUri}process-instance/${id}/variables`, variableNames);\n }\n\n addProcessInstancesDefaultVariablesValues(processInstances: Array<any>) {\n processInstances.forEach(processInstance => this.addDefaultVariablesValues(processInstance));\n return processInstances;\n }\n\n addDefaultVariablesValues(processInstance: any) {\n if (!processInstance['startUser']) {\n processInstance.startUser = processInstance.startUserId;\n }\n if (!processInstance['processStarted']) {\n processInstance.processStarted = processInstance.startTime;\n }\n if (!processInstance['processEnded']) {\n processInstance.processEnded = processInstance.endTime;\n }\n if (!processInstance['active']) {\n processInstance.active = processInstance.endTime == null;\n }\n return processInstance;\n }\n\n getInstancesStatistics(fromDate?: string, toDate?: string, processFilter?: string) {\n const params = new HttpParams();\n params.set('fromDate', fromDate);\n params.set('toDate', toDate);\n params.set('processFilter', processFilter);\n return this.http.get<any[]>(\n `${this.valtimoEndpointUri}reporting/instancesstatistics`, {'params': params}\n );\n }\n\n deployProcess(processXml: string) {\n const formData = new FormData;\n formData.append('file', new File([processXml], 'process.bpmn'));\n formData.append('deployment-name', 'valtimoConsoleApp');\n formData.append('deployment-source', 'process application');\n return this.http.post(`${this.valtimoEndpointUri}camunda-rest/engine/default/deployment/create`, formData);\n }\n\n migrateProcess(processDefinition1Id: string, processDefinition2Id: string, params: any): Observable<any> {\n return this.http.post(`${this.valtimoEndpointUri}process/definition/${processDefinition1Id}/${processDefinition2Id}/migrate`, params);\n }\n\n}\n","/*\n * Copyright 2015-2020 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\nimport {\n Component,\n ElementRef,\n EventEmitter,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport {ProcessService} from '../process.service';\n\nimport * as BpmnJS from 'bpmn-js/dist/bpmn-navigated-viewer.production.min.js';\nimport * as heatmap from 'heatmap.js-fixed/build/heatmap.js';\n\n@Component({\n selector: 'valtimo-process-diagram',\n templateUrl: './process-diagram.component.html',\n styleUrls: ['./process-diagram.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class ProcessDiagramComponent implements OnInit, OnDestroy, OnChanges {\n\n private bpmnJS: BpmnJS;\n private heatMapInstance: any;\n\n @ViewChild('ref', { static: true }) public el: ElementRef;\n @Output() public importDone: EventEmitter<any> = new EventEmitter();\n @Input() public processDefinitionKey?: string;\n @Input() public processInstanceId?: string;\n\n public processDiagram: any;\n public processDefinition: any;\n public processDefinitionVersions: any;\n public heatmapCount: any;\n public heatmapDuration: any;\n public tasksCount: any;\n public showHeatmap: boolean;\n public enumHeatmapOptions = ['count', 'duration'];\n public heatmapOption: string;\n public version: any;\n public heatPoints: any;\n public min: number;\n public max: number;\n public inputData: any;\n public valueKey: any;\n\n constructor(\n private processService: ProcessService,\n ) { }\n\n ngOnInit() {\n if (this.processDefinitionKey) {\n this.loadProcessDefinitionFromKey(this.processDefinitionKey);\n }\n if (this.processInstanceId) {\n this.loadProcessInstanceXml(this.processInstanceId);\n }\n this.bpmnJS = new BpmnJS();\n this.bpmnJS.on('import.done', ({error}) => {\n if (!error) {\n const canvas = this.bpmnJS.get('canvas')\n , eventBus = this.bpmnJS.get('eventBus');\n if (this.processDiagram.historicActivityInstances) {\n this.processDiagram.historicActivityInstances.forEach(instance => {\n // exclude multiInstanceBody\n if (instance.activityType !== 'multiInstanceBody') {\n canvas.addMarker(instance.activityId, instance.endTime ? 'highlight-overlay-past' : 'highlight-overlay-current');\n }\n });\n }\n\n canvas.zoom('fit-viewport', 'auto');\n if (this.processDefinitionVersions) {\n eventBus.on('canvas.init', () => {\n if (this.showHeatmap) {\n this.clearHeatmap();\n }\n this.loadHeatmapData();\n });\n eventBus.on('canvas.viewbox.changing', () => {\n if (this.showHeatmap) {\n this.clearHeatmap();\n }\n });\n eventBus.on('canvas.viewbox.changed', () => {\n this.loadHeatmapData();\n });\n }\n }\n });\n }\n\n ngOnChanges(): void {\n if (this.processDefinitionKey) {\n this.loadProcessDefinitionFromKey(this.processDefinitionKey);\n } else if (this.processInstanceId) {\n this.loadProcessInstanceXml(this.processInstanceId);\n }\n }\n\n ngOnDestroy() {\n if (this.bpmnJS) {\n this.bpmnJS.destroy();\n }\n }\n\n public loadProcessDefinition(processDefinitionKey) {\n this.processService.getProcessDefinition(processDefinitionKey).subscribe(response => {\n this.heatmapOption = this.enumHeatmapOptions[0];\n this.version = response.version;\n this.loadProcessDefinitionXml(response.id);\n });\n }\n\n public loadProcessDefinitionVersions(processDefinitionKey) {\n this.processService.getProcessDefinitionVersions(processDefinitionKey).subscribe(response => {\n this.processDefinitionVersions = response;\n });\n }\n\n public loadProcessDefinitionFromKey(processDefinitionKey) {\n this.loadProcessDefinitionVersions(processDefinitionKey);\n this.loadProcessDefinition(processDefinitionKey);\n }\n\n public loadProcessDefinitionXml(processDefinitionId) {\n this.processService.getProcessDefinitionXml(processDefinitionId).subscribe(response => {\n this.processDiagram = response;\n this.bpmnJS.importXML(this.processDiagram.bpmn20Xml);\n this.bpmnJS.attachTo(this.el.nativeElement);\n });\n }\n\n private loadProcessInstanceXml(processInstanceId) {\n this.processService.getProcessXml(processInstanceId).subscribe(response => {\n this.processDiagram = response;\n this.bpmnJS.importXML(this.processDiagram.bpmn20Xml);\n this.bpmnJS.attachTo(this.el.nativeElement);\n });\n }\n\n public loadProcessDefinitionHeatmapCount(processDefinition) {\n this.processService.getProcessHeatmapCount(processDefinition).subscribe(response => {\n this.inputData = response;\n this.valueKey = 'totalCount';\n this.heatPoints = {data: []};\n this.min = 0;\n this.max = 0;\n\n Object.keys(this.inputData).forEach(key => {\n const diagramContainer = this.el.nativeElement.querySelector('svg')\n .getBoundingClientRect(),\n diagramElm = this.el.nativeElement.querySelector(`g[data-element-id=${key}]`)\n .getBoundingClientRect();\n this.setMax(key);\n this.heatPoints.data.push({\n x: Math.round(diagramElm.x - diagramContainer.x + diagramElm.width / 2),\n y: Math.round(diagramElm.y - diagramContainer.y + diagramElm.height / 2),\n value: this.inputData[key][this.valueKey],\n radius: diagramElm.width / 2\n });\n this.addCounterActiveOverlays(key, this.inputData);\n\n });\n this.clearHeatmap();\n if (this.showHeatmap) {\n this.loadHeatmap();\n }\n });\n }\n\n public onWindowResize() {\n const oldCanvas = this.el.nativeElement.querySelector('canvas[class=heatmap-canvas]');\n if (oldCanvas) {\n oldCanvas.remove();\n this.heatMapInstance = null;\n }\n if (this.showHeatmap) {\n this.loadHeatmap();\n }\n }\n\n public loadProcessDefinitionHeatmapDuration(processDefinition) {\n this.processService.getProcessHeatmapDuration(processDefinition).subscribe(response => {\n this.inputData = response;\n this.valueKey = 'averageDurationInMilliseconds';\n this.heatPoints = {data: []};\n this.min = 0;\n this.max = 0;\n\n Object.keys(this.inputData).forEach(key => {\n const diagramContainer = this.el.nativeElement.querySelector('svg')\n .getBoundingClientRect(),\n diagramElm = this.el.nativeElement.querySelector(`g[data-element-id=${key}]`)\n .getBoundingClientRect();\n this.setMax(key);\n this.heatPoints.data.push({\n x: Math.round(diagramElm.x - diagramContainer.x + diagramElm.width / 2),\n y: Math.round(diagramElm.y - diagramContainer.y + diagramElm.height / 2),\n value: this.inputData[key][this.valueKey],\n radius: diagramElm.width / 2\n });\n this.addCounterActiveOverlays(key, this.inputData);\n });\n this.clearHeatmap();\n if (this.showHeatmap) {\n this.loadHeatmap();\n }\n });\n }\n\n public setProcessDefinitionKey(processDefinitionKey) {\n this.processDefinitionKey = processDefinitionKey;\n this.loadProcessDefinitionFromKey(this.processDefinitionKey);\n }\n\n public setProcessDefinitionVersion(version) {\n this.version = +version;\n this.loadHeatmapData();\n }\n\n public setHeatmapOption(heatmapOption) {\n this.heatmapOption = heatmapOption;\n this.loadHeatmapData();\n }\n\n public toggleShowHeatmap() {\n this.showHeatmap = !this.showHeatmap;\n this.loadHeatmapData();\n }\n\n public loadHeatmap() {\n if (!this.heatMapInstance) {\n this.heatMapInstance = heatmap.create({\n radius: 54,\n blur: .70,\n maxOpacity: .4,\n minOpacity: 0,\n container: this.el.nativeElement\n });\n }\n this.heatMapInstance.setData({\n min: this.min,\n max: this.max,\n data: this.heatPoints.data\n });\n }\n\n public clearHeatmap() {\n if (this.heatMapInstance) {\n this.heatMapInstance.setData({data: []});\n }\n }\n\n public loadHeatmapData() {\n this.processDefinition = this.processDefinitionVersions.find(definition => definition.version === this.version);\n\n if (this.heatmapOption === 'count') {\n this.loadProcessDefinitionHeatmapCount(this.processDefinition);\n }\n if (this.heatmapOption === 'duration') {\n this.loadProcessDefinitionHeatmapDuration(this.processDefinition);\n }\n }\n\n public setMax(key: any) {\n if (this.heatmapDuration) {\n this.max = Math.max(this.heatmapDuration[key].averageDurationInMilliseconds, this.max);\n } else if (this.heatmapCount) {\n this.max = Math.max(this.heatmapCount[key].totalCount + this.heatmapCount[key].count, this.max);\n }\n }\n\n public addCounterActiveOverlays(key: any, inputData: any) {\n const overlays = this.bpmnJS.get('overlays');\n overlays.add(key, {\n position: {\n bottom: 13,\n left: -12\n },\n show: {\n minZoom: 0,\n maxZoom: 5.0\n },\n html: `<span class=\"badge badge-pill badge-primary\">${inputData[key].count}</span>`\n });\n }\n\n}\n","/*\n * Copyright 2015-2020 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\nimport {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {BpmnJsDiagramModule, CamundaFormModule, ListModule, TimelineModule, WidgetModule} from '@valtimo/components';\nimport {ToastrModule} from 'ngx-toastr';\nimport {BrowserAnimationsModule} from '@angular/platform-browser/animations';\nimport {ProcessDiagramComponent} from './process-diagram/process-diagram.component';\n\n@NgModule({\n declarations: [\n ProcessDiagramComponent\n ],\n imports: [\n CommonModule,\n ListModule,\n WidgetModule,\n TimelineModule,\n BpmnJsDiagramModule,\n CamundaFormModule,\n BrowserAnimationsModule,\n ToastrModule.forRoot({\n positionClass: 'toast-bottom-full-width',\n preventDuplicates: true\n })\n ],\n exports: [\n ProcessDiagramComponent\n ],\n})\n\nexport class ProcessModule {\n\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../../projects/valtimo/process/src/lib/process.service.ts","../../../../projects/valtimo/process/src/lib/process-diagram/process-diagram.component.ts","../../../../projects/valtimo/process/src/lib/process.module.ts"],"names":["ProcessService","http","configService","this","valtimoEndpointUri","config","valtimoApi","endpointUri","prototype","getProcessDefinitions","get","getProcessDefinitionVersions","key","getProcessDefinition","getProcessDefinitionStartFormData","processDefinitionKey","startProcesInstance","businessKey","variables","post","getProcessDefinitionXml","processDefinitionId","getProcessXml","id","getProcessCount","processVariables","name","value","getProcessHeatmapCount","processDefinition","version","getProcessHeatmapDuration","getProcessInstances","page","size","sort","params","HttpParams","set","toString","getProcessInstance","processInstanceId","getProcessInstanceTasks","getProcessInstanceVariables","variableNames","addProcessInstancesDefaultVariablesValues","processInstances","_this","forEach","processInstance","addDefaultVariablesValues","startUser","startUserId","processStarted","startTime","processEnded","endTime","active","getInstancesStatistics","fromDate","toDate","processFilter","deployProcess","processXml","formData","FormData","append","File","migrateProcess","processDefinition1Id","processDefinition2Id","Injectable","args","providedIn","HttpClient","ConfigService","ProcessDiagramComponent","processService","importDone","EventEmitter","enumHeatmapOptions","ngOnInit","loadProcessDefinitionFromKey","loadProcessInstanceXml","bpmnJS","BpmnJS","on","_a","error","canvas_1","eventBus","processDiagram","historicActivityInstances","instance","activityType","addMarker","activityId","zoom","processDefinitionVersions","showHeatmap","clearHeatmap","loadHeatmapData","ngOnChanges","ngOnDestroy","destroy","loadProcessDefinition","subscribe","response","heatmapOption","loadProcessDefinitionXml","loadProcessDefinitionVersions","importXML","bpmn20Xml","attachTo","el","nativeElement","loadProcessDefinitionHeatmapCount","inputData","valueKey","heatPoints","data","min","max","Object","keys","diagramContainer","querySelector","getBoundingClientRect","diagramElm","setMax","push","x","Math","round","width","y","height","radius","addCounterActiveOverlays","loadHeatmap","onWindowResize","oldCanvas","remove","heatMapInstance","loadProcessDefinitionHeatmapDuration","setProcessDefinitionKey","setProcessDefinitionVersion","setHeatmapOption","toggleShowHeatmap","heatmap.create","blur","maxOpacity","minOpacity","container","setData","find","definition","heatmapDuration","averageDurationInMilliseconds","heatmapCount","totalCount","count","add","position","bottom","left","show","minZoom","maxZoom","html","Component","selector","template","encapsulation","ViewEncapsulation","None","ViewChild","static","Output","Input","NgModule","declarations","imports","CommonModule","ListModule","WidgetModule","TimelineModule","BpmnJsDiagramModule","CamundaFormModule","BrowserAnimationsModule","ToastrModule","forRoot","positionClass","preventDuplicates","exports"],"mappings":"08BAkCE,SAAAA,EAAoBC,EAAkBC,GAAlBC,KAAAF,KAAAA,EAClBE,KAAKC,mBAAqBF,EAAcG,OAAOC,WAAWC,mBAG5DP,EAAAQ,UAAAC,sBAAA,WACE,OAAON,KAAKF,KAAKS,IAA4BP,KAAKC,mBAAkB,uBAGtEJ,EAAAQ,UAAAG,6BAAA,SAA6BC,GAC3B,OAAOT,KAAKF,KAAKS,IACZP,KAAKC,mBAAkB,sBAAsBQ,EAAG,cAIvDZ,EAAAQ,UAAAK,qBAAA,SAAqBD,GACnB,OAAOT,KAAKF,KAAKS,IAA0BP,KAAKC,mBAAkB,sBAAsBQ,IAG1FZ,EAAAQ,UAAAM,kCAAA,SACEC,GAEA,OAAOZ,KAAKF,KAAKS,IACZP,KAAKC,mBAAkB,sBAAsBW,EAAoB,gBAIxEf,EAAAQ,UAAAQ,oBAAA,SACEJ,EACAK,EACAC,GAEA,OAAOf,KAAKF,KAAKkB,KACZhB,KAAKC,mBAAkB,sBAAsBQ,EAAG,IAAIK,EAAW,SAClEC,IAIJlB,EAAAQ,UAAAY,wBAAA,SAAwBC,GACtB,OAAOlB,KAAKF,KAAKS,IAAOP,KAAKC,mBAAkB,sBAAsBiB,EAAmB,SAG1FrB,EAAAQ,UAAAc,cAAA,SAAcC,GACZ,OAAOpB,KAAKF,KAAKS,IAAOP,KAAKC,mBAAkB,WAAWmB,EAAE,SAG9DvB,EAAAQ,UAAAgB,gBAAA,SAAgBD,GACd,OAAOpB,KAAKF,KAAKkB,KAAQhB,KAAKC,mBAAkB,yBAAyBmB,EAAE,SAAU,CACnFX,IAAKW,EACLE,iBAAkB,CAAC,CAAC,QAAS,UAAWC,KAAM,SAAUC,OAAO,OAInE3B,EAAAQ,UAAAoB,uBAAA,SAAuBC,GACrB,OAAO1B,KAAKF,KAAKS,IACZP,KAAKC,mBAAkB,sBAAsByB,EAAkBjB,IAAG,0BAA0BiB,EAAkBC,UAIrH9B,EAAAQ,UAAAuB,0BAAA,SAA0BF,GACxB,OAAO1B,KAAKF,KAAKS,IACZP,KAAKC,mBAAkB,sBAAsByB,EAAkBjB,IAAG,6BAA6BiB,EAAkBC,UAIxH9B,EAAAQ,UAAAwB,oBAAA,SAAoBpB,EAAaqB,EAAcC,EAAcC,GAC3D,IAAMC,GAAS,IAAIC,EAAAA,YAChBC,IAAI,OAAQL,EAAKM,YACjBD,IAAI,OAAQJ,EAAKK,YACjBD,IAAI,OAAQH,GAEf,OAAOhC,KAAKF,KAAKkB,KACZhB,KAAKC,mBAAkB,cAAcQ,EAAG,UAC3C,GACA,CAACwB,OAAQA,KAIbpC,EAAAQ,UAAAgC,mBAAA,SAAmBC,GACjB,OAAOtC,KAAKF,KAAKS,IACZP,KAAKC,mBAAkB,WAAWqC,EACrC,KAIJzC,EAAAQ,UAAAkC,wBAAA,SAAwBnB,GACtB,OAAOpB,KAAKF,KAAKS,IACZP,KAAKC,mBAAkB,WAAWmB,EAAE,SACvC,KAIJvB,EAAAQ,UAAAmC,4BAAA,SAA4BpB,EAAYqB,GACtC,OAAOzC,KAAKF,KAAKkB,KACZhB,KAAKC,mBAAkB,oBAAoBmB,EAAE,aAChDqB,IAIJ5C,EAAAQ,UAAAqC,0CAAA,SAA0CC,GAA1C,IAAAC,EAAA5C,KAEE,OADA2C,EAAiBE,SAAQ,SAAAC,GAAmB,OAAAF,EAAKG,0BAA0BD,MACpEH,GAGT9C,EAAAQ,UAAA0C,0BAAA,SAA0BD,GAaxB,OAZKA,EAA2B,YAC9BA,EAAgBE,UAAYF,EAAgBG,aAEzCH,EAAgC,iBACnCA,EAAgBI,eAAiBJ,EAAgBK,WAE9CL,EAA8B,eACjCA,EAAgBM,aAAeN,EAAgBO,SAE5CP,EAAwB,SAC3BA,EAAgBQ,OAAoC,MAA3BR,EAAgBO,SAEpCP,GAGTjD,EAAAQ,UAAAkD,uBAAA,SAAuBC,EAAmBC,EAAiBC,GACzD,IAAMzB,EAAS,IAAIC,EAAAA,WAInB,OAHAD,EAAOE,IAAI,WAAYqB,GACvBvB,EAAOE,IAAI,SAAUsB,GACrBxB,EAAOE,IAAI,gBAAiBuB,GACrB1D,KAAKF,KAAKS,IAAcP,KAAKC,mBAAkB,gCAAiC,CACrFgC,OAAQA,KAIZpC,EAAAQ,UAAAsD,cAAA,SAAcC,GACZ,IAAMC,EAAW,IAAIC,SAIrB,OAHAD,EAASE,OAAO,OAAQ,IAAIC,KAAK,CAACJ,GAAa,iBAC/CC,EAASE,OAAO,kBAAmB,qBACnCF,EAASE,OAAO,oBAAqB,uBAC9B/D,KAAKF,KAAKkB,KACZhB,KAAKC,mBAAkB,gDAC1B4D,IAIJhE,EAAAQ,UAAA4D,eAAA,SACEC,EACAC,EACAlC,GAEA,OAAOjC,KAAKF,KAAKkB,KACZhB,KAAKC,mBAAkB,sBAAsBiE,EAAoB,IAAIC,EAAoB,WAC5FlC,8KAzJLmC,EAAAA,WAAUC,KAAA,CAAC,CACVC,WAAY,oDAZNC,EAAAA,kBASAC,EAAAA,kCCsCN,SAAAC,EAAoBC,GAAA1E,KAAA0E,eAAAA,EApBH1E,KAAA2E,WAAgC,IAAIC,EAAAA,aAW9C5E,KAAA6E,mBAAqB,CAAC,QAAS,mBAWtCJ,EAAApE,UAAAyE,SAAA,WAAA,IAAAlC,EAAA5C,KACMA,KAAKY,sBACPZ,KAAK+E,6BAA6B/E,KAAKY,sBAErCZ,KAAKsC,mBACPtC,KAAKgF,uBAAuBhF,KAAKsC,mBAEnCtC,KAAKiF,OAAS,IAAIC,EAClBlF,KAAKiF,OAAOE,GAAG,eAAe,SAACC,GAC7B,IADmCA,EAAAC,MACvB,CACV,IAAMC,EAAS1C,EAAKqC,OAAO1E,IAAI,UAC7BgF,EAAW3C,EAAKqC,OAAO1E,IAAI,YACzBqC,EAAK4C,eAAeC,2BACtB7C,EAAK4C,eAAeC,0BAA0B5C,SAAQ,SAAA6C,GAEtB,sBAA1BA,EAASC,cACXL,EAAOM,UACLF,EAASG,WACTH,EAASrC,QAAU,yBAA2B,gCAMtDiC,EAAOQ,KAAK,eAAgB,QACxBlD,EAAKmD,4BACPR,EAASJ,GAAG,eAAe,WACrBvC,EAAKoD,aACPpD,EAAKqD,eAEPrD,EAAKsD,qBAEPX,EAASJ,GAAG,2BAA2B,WACjCvC,EAAKoD,aACPpD,EAAKqD,kBAGTV,EAASJ,GAAG,0BAA0B,WACpCvC,EAAKsD,2BAOfzB,EAAApE,UAAA8F,YAAA,WACMnG,KAAKY,qBACPZ,KAAK+E,6BAA6B/E,KAAKY,sBAC9BZ,KAAKsC,mBACdtC,KAAKgF,uBAAuBhF,KAAKsC,oBAIrCmC,EAAApE,UAAA+F,YAAA,WACMpG,KAAKiF,QACPjF,KAAKiF,OAAOoB,WAIT5B,EAAApE,UAAAiG,sBAAA,SAAsB1F,GAAtB,IAAAgC,EAAA5C,KACLA,KAAK0E,eAAehE,qBAAqBE,GAAsB2F,WAAU,SAAAC,GACvE5D,EAAK6D,cAAgB7D,EAAKiC,mBAAmB,GAC7CjC,EAAKjB,QAAU6E,EAAS7E,QACxBiB,EAAK8D,yBAAyBF,EAASpF,QAIpCqD,EAAApE,UAAAsG,8BAAA,SAA8B/F,GAA9B,IAAAgC,EAAA5C,KACLA,KAAK0E,eAAelE,6BAA6BI,GAAsB2F,WAAU,SAAAC,GAC/E5D,EAAKmD,0BAA4BS,MAI9B/B,EAAApE,UAAA0E,6BAAA,SAA6BnE,GAClCZ,KAAK2G,8BAA8B/F,GACnCZ,KAAKsG,sBAAsB1F,IAGtB6D,EAAApE,UAAAqG,yBAAA,SAAyBxF,GAAzB,IAAA0B,EAAA5C,KACLA,KAAK0E,eAAezD,wBAAwBC,GAAqBqF,WAAU,SAAAC,GACzE5D,EAAK4C,eAAiBgB,EACtB5D,EAAKqC,OAAO2B,UAAUhE,EAAK4C,eAAeqB,WAC1CjE,EAAKqC,OAAO6B,SAASlE,EAAKmE,GAAGC,mBAIzBvC,EAAApE,UAAA2E,uBAAA,SAAuB1C,GAAvB,IAAAM,EAAA5C,KACNA,KAAK0E,eAAevD,cAAcmB,GAAmBiE,WAAU,SAAAC,GAC7D5D,EAAK4C,eAAiBgB,EACtB5D,EAAKqC,OAAO2B,UAAUhE,EAAK4C,eAAeqB,WAC1CjE,EAAKqC,OAAO6B,SAASlE,EAAKmE,GAAGC,mBAI1BvC,EAAApE,UAAA4G,kCAAA,SAAkCvF,GAAlC,IAAAkB,EAAA5C,KACLA,KAAK0E,eAAejD,uBAAuBC,GAAmB6E,WAAU,SAAAC,GACtE5D,EAAKsE,UAAYV,EACjB5D,EAAKuE,SAAW,aAChBvE,EAAKwE,WAAa,CAACC,KAAM,IACzBzE,EAAK0E,IAAM,EACX1E,EAAK2E,IAAM,EAEXC,OAAOC,KAAK7E,EAAKsE,WAAWrE,SAAQ,SAAApC,GAClC,IAAMiH,EAAmB9E,EAAKmE,GAAGC,cAAcW,cAAc,OAAOC,wBAClEC,EAAajF,EAAKmE,GAAGC,cAClBW,cAAc,qBAAqBlH,EAAG,KACtCmH,wBACLhF,EAAKkF,OAAOrH,GACZmC,EAAKwE,WAAWC,KAAKU,KAAK,CACxBC,EAAGC,KAAKC,MAAML,EAAWG,EAAIN,EAAiBM,EAAIH,EAAWM,MAAQ,GACrEC,EAAGH,KAAKC,MAAML,EAAWO,EAAIV,EAAiBU,EAAIP,EAAWQ,OAAS,GACtE7G,MAAOoB,EAAKsE,UAAUzG,GAAKmC,EAAKuE,UAChCmB,OAAQT,EAAWM,MAAQ,IAE7BvF,EAAK2F,yBAAyB9H,EAAKmC,EAAKsE,cAE1CtE,EAAKqD,eACDrD,EAAKoD,aACPpD,EAAK4F,kBAKJ/D,EAAApE,UAAAoI,eAAA,WACL,IAAMC,EAAY1I,KAAK+G,GAAGC,cAAcW,cAAc,gCAClDe,IACFA,EAAUC,SACV3I,KAAK4I,gBAAkB,MAErB5I,KAAKgG,aACPhG,KAAKwI,eAIF/D,EAAApE,UAAAwI,qCAAA,SAAqCnH,GAArC,IAAAkB,EAAA5C,KACLA,KAAK0E,eAAe9C,0BAA0BF,GAAmB6E,WAAU,SAAAC,GACzE5D,EAAKsE,UAAYV,EACjB5D,EAAKuE,SAAW,gCAChBvE,EAAKwE,WAAa,CAACC,KAAM,IACzBzE,EAAK0E,IAAM,EACX1E,EAAK2E,IAAM,EAEXC,OAAOC,KAAK7E,EAAKsE,WAAWrE,SAAQ,SAAApC,GAClC,IAAMiH,EAAmB9E,EAAKmE,GAAGC,cAAcW,cAAc,OAAOC,wBAClEC,EAAajF,EAAKmE,GAAGC,cAClBW,cAAc,qBAAqBlH,EAAG,KACtCmH,wBACLhF,EAAKkF,OAAOrH,GACZmC,EAAKwE,WAAWC,KAAKU,KAAK,CACxBC,EAAGC,KAAKC,MAAML,EAAWG,EAAIN,EAAiBM,EAAIH,EAAWM,MAAQ,GACrEC,EAAGH,KAAKC,MAAML,EAAWO,EAAIV,EAAiBU,EAAIP,EAAWQ,OAAS,GACtE7G,MAAOoB,EAAKsE,UAAUzG,GAAKmC,EAAKuE,UAChCmB,OAAQT,EAAWM,MAAQ,IAE7BvF,EAAK2F,yBAAyB9H,EAAKmC,EAAKsE,cAE1CtE,EAAKqD,eACDrD,EAAKoD,aACPpD,EAAK4F,kBAKJ/D,EAAApE,UAAAyI,wBAAA,SAAwBlI,GAC7BZ,KAAKY,qBAAuBA,EAC5BZ,KAAK+E,6BAA6B/E,KAAKY,uBAGlC6D,EAAApE,UAAA0I,4BAAA,SAA4BpH,GACjC3B,KAAK2B,SAAWA,EAChB3B,KAAKkG,mBAGAzB,EAAApE,UAAA2I,iBAAA,SAAiBvC,GACtBzG,KAAKyG,cAAgBA,EACrBzG,KAAKkG,mBAGAzB,EAAApE,UAAA4I,kBAAA,WACLjJ,KAAKgG,aAAehG,KAAKgG,YACzBhG,KAAKkG,mBAGAzB,EAAApE,UAAAmI,YAAA,WACAxI,KAAK4I,kBACR5I,KAAK4I,gBAAkBM,EAAAA,OAAe,CACpCZ,OAAQ,GACRa,KAAM,GACNC,WAAY,GACZC,WAAY,EACZC,UAAWtJ,KAAK+G,GAAGC,iBAGvBhH,KAAK4I,gBAAgBW,QAAQ,CAC3BjC,IAAKtH,KAAKsH,IACVC,IAAKvH,KAAKuH,IACVF,KAAMrH,KAAKoH,WAAWC,QAInB5C,EAAApE,UAAA4F,aAAA,WACDjG,KAAK4I,iBACP5I,KAAK4I,gBAAgBW,QAAQ,CAAClC,KAAM,MAIjC5C,EAAApE,UAAA6F,gBAAA,WAAA,IAAAtD,EAAA5C,KACLA,KAAK0B,kBAAoB1B,KAAK+F,0BAA0ByD,MACtD,SAAAC,GAAc,OAAAA,EAAW9H,UAAYiB,EAAKjB,WAGjB,UAAvB3B,KAAKyG,eACPzG,KAAKiH,kCAAkCjH,KAAK0B,mBAEnB,aAAvB1B,KAAKyG,eACPzG,KAAK6I,qCAAqC7I,KAAK0B,oBAI5C+C,EAAApE,UAAAyH,OAAA,SAAOrH,GACRT,KAAK0J,gBACP1J,KAAKuH,IAAMU,KAAKV,IAAIvH,KAAK0J,gBAAgBjJ,GAAKkJ,8BAA+B3J,KAAKuH,KACzEvH,KAAK4J,eACd5J,KAAKuH,IAAMU,KAAKV,IACdvH,KAAK4J,aAAanJ,GAAKoJ,WAAa7J,KAAK4J,aAAanJ,GAAKqJ,MAC3D9J,KAAKuH,OAKJ9C,EAAApE,UAAAkI,yBAAA,SAAyB9H,EAAUyG,GACvBlH,KAAKiF,OAAO1E,IAAI,YACxBwJ,IAAItJ,EAAK,CAChBuJ,SAAU,CACRC,OAAQ,GACRC,MAAO,IAETC,KAAM,CACJC,QAAS,EACTC,QAAS,GAEXC,KAAM,gDAAgDpD,EAAUzG,GAAKqJ,MAAK,sCAlR/ES,EAAAA,UAASlG,KAAA,CAAC,CACTmG,SAAU,0BACVC,SAAA,knGAEAC,cAAeC,EAAAA,kBAAkBC,i1BAT3B/K,iCAeLgL,EAAAA,UAASxG,KAAA,CAAC,MAAO,CAACyG,QAAQ,wBAC1BC,EAAAA,qCACAC,EAAAA,iCACAA,EAAAA,eCAH,iCAjBCC,EAAAA,SAAQ5G,KAAA,CAAC,CACR6G,aAAc,CAACzG,GACf0G,QAAS,CACPC,EAAAA,aACAC,EAAAA,WACAC,EAAAA,aACAC,EAAAA,eACAC,EAAAA,oBACAC,EAAAA,kBACAC,EAAAA,wBACAC,EAAAA,aAAaC,QAAQ,CACnBC,cAAe,0BACfC,mBAAmB,KAGvBC,QAAS,CAACtH","sourcesContent":["/*\n * Copyright 2015-2020 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\nimport {Injectable} from '@angular/core';\nimport {HttpClient, HttpParams} from '@angular/common/http';\nimport {Observable} from 'rxjs';\nimport {\n ProcessDefinition,\n ProcessDefinitionStartForm,\n ProcessInstance,\n ProcessInstanceTask,\n ProcessStart,\n} from '@valtimo/contract';\nimport {ConfigService} from '@valtimo/config';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class ProcessService {\n private valtimoEndpointUri: string;\n\n constructor(private http: HttpClient, configService: ConfigService) {\n this.valtimoEndpointUri = configService.config.valtimoApi.endpointUri;\n }\n\n getProcessDefinitions(): Observable<ProcessDefinition[]> {\n return this.http.get<ProcessDefinition[]>(`${this.valtimoEndpointUri}process/definition`);\n }\n\n getProcessDefinitionVersions(key: string): Observable<ProcessDefinition[]> {\n return this.http.get<ProcessDefinition[]>(\n `${this.valtimoEndpointUri}process/definition/${key}/versions`\n );\n }\n\n getProcessDefinition(key: string): Observable<ProcessDefinition> {\n return this.http.get<ProcessDefinition>(`${this.valtimoEndpointUri}process/definition/${key}`);\n }\n\n getProcessDefinitionStartFormData(\n processDefinitionKey: string\n ): Observable<ProcessDefinitionStartForm> {\n return this.http.get<ProcessDefinitionStartForm>(\n `${this.valtimoEndpointUri}process/definition/${processDefinitionKey}/start-form`\n );\n }\n\n startProcesInstance(\n key: string,\n businessKey: string,\n variables: Map<string, any>\n ): Observable<any> {\n return this.http.post<ProcessStart>(\n `${this.valtimoEndpointUri}process/definition/${key}/${businessKey}/start`,\n variables\n );\n }\n\n getProcessDefinitionXml(processDefinitionId: string): Observable<any> {\n return this.http.get(`${this.valtimoEndpointUri}process/definition/${processDefinitionId}/xml`);\n }\n\n getProcessXml(id: string): Observable<any> {\n return this.http.get(`${this.valtimoEndpointUri}process/${id}/xml`);\n }\n\n getProcessCount(id: string): Observable<any> {\n return this.http.post(`${this.valtimoEndpointUri}v2/process/definition/${id}/count`, {\n key: id,\n processVariables: [{'@type': 'boolean', name: 'active', value: true}],\n });\n }\n\n getProcessHeatmapCount(processDefinition: ProcessDefinition): Observable<any[]> {\n return this.http.get<any[]>(\n `${this.valtimoEndpointUri}process/definition/${processDefinition.key}/heatmap/count?version=${processDefinition.version}`\n );\n }\n\n getProcessHeatmapDuration(processDefinition: ProcessDefinition): Observable<any[]> {\n return this.http.get<any[]>(\n `${this.valtimoEndpointUri}process/definition/${processDefinition.key}/heatmap/duration?version=${processDefinition.version}`\n );\n }\n\n getProcessInstances(key: string, page: number, size: number, sort: string): Observable<any> {\n const params = new HttpParams()\n .set('page', page.toString())\n .set('size', size.toString())\n .set('sort', sort);\n\n return this.http.post<ProcessInstance>(\n `${this.valtimoEndpointUri}v2/process/${key}/search`,\n {},\n {params: params}\n );\n }\n\n getProcessInstance(processInstanceId: string): Observable<ProcessInstance> {\n return this.http.get<ProcessInstance>(\n `${this.valtimoEndpointUri}process/${processInstanceId}`,\n {}\n );\n }\n\n getProcessInstanceTasks(id: string): Observable<ProcessInstanceTask[]> {\n return this.http.get<ProcessInstanceTask[]>(\n `${this.valtimoEndpointUri}process/${id}/tasks`,\n {}\n );\n }\n\n getProcessInstanceVariables(id: string, variableNames: Array<any>): Observable<any> {\n return this.http.post(\n `${this.valtimoEndpointUri}process-instance/${id}/variables`,\n variableNames\n );\n }\n\n addProcessInstancesDefaultVariablesValues(processInstances: Array<any>) {\n processInstances.forEach(processInstance => this.addDefaultVariablesValues(processInstance));\n return processInstances;\n }\n\n addDefaultVariablesValues(processInstance: any) {\n if (!processInstance['startUser']) {\n processInstance.startUser = processInstance.startUserId;\n }\n if (!processInstance['processStarted']) {\n processInstance.processStarted = processInstance.startTime;\n }\n if (!processInstance['processEnded']) {\n processInstance.processEnded = processInstance.endTime;\n }\n if (!processInstance['active']) {\n processInstance.active = processInstance.endTime == null;\n }\n return processInstance;\n }\n\n getInstancesStatistics(fromDate?: string, toDate?: string, processFilter?: string) {\n const params = new HttpParams();\n params.set('fromDate', fromDate);\n params.set('toDate', toDate);\n params.set('processFilter', processFilter);\n return this.http.get<any[]>(`${this.valtimoEndpointUri}reporting/instancesstatistics`, {\n params: params,\n });\n }\n\n deployProcess(processXml: string) {\n const formData = new FormData();\n formData.append('file', new File([processXml], 'process.bpmn'));\n formData.append('deployment-name', 'valtimoConsoleApp');\n formData.append('deployment-source', 'process application');\n return this.http.post(\n `${this.valtimoEndpointUri}camunda-rest/engine/default/deployment/create`,\n formData\n );\n }\n\n migrateProcess(\n processDefinition1Id: string,\n processDefinition2Id: string,\n params: any\n ): Observable<any> {\n return this.http.post(\n `${this.valtimoEndpointUri}process/definition/${processDefinition1Id}/${processDefinition2Id}/migrate`,\n params\n );\n }\n}\n","/*\n * Copyright 2015-2020 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\nimport {\n Component,\n ElementRef,\n EventEmitter,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport {ProcessService} from '../process.service';\n\nimport * as BpmnJS from 'bpmn-js/dist/bpmn-navigated-viewer.production.min.js';\nimport * as heatmap from 'heatmap.js-fixed/build/heatmap.js';\n\n@Component({\n selector: 'valtimo-process-diagram',\n templateUrl: './process-diagram.component.html',\n styleUrls: ['./process-diagram.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class ProcessDiagramComponent implements OnInit, OnDestroy, OnChanges {\n private bpmnJS: BpmnJS;\n private heatMapInstance: any;\n\n @ViewChild('ref', {static: true}) public el: ElementRef;\n @Output() public importDone: EventEmitter<any> = new EventEmitter();\n @Input() public processDefinitionKey?: string;\n @Input() public processInstanceId?: string;\n\n public processDiagram: any;\n public processDefinition: any;\n public processDefinitionVersions: any;\n public heatmapCount: any;\n public heatmapDuration: any;\n public tasksCount: any;\n public showHeatmap: boolean;\n public enumHeatmapOptions = ['count', 'duration'];\n public heatmapOption: string;\n public version: any;\n public heatPoints: any;\n public min: number;\n public max: number;\n public inputData: any;\n public valueKey: any;\n\n constructor(private processService: ProcessService) {}\n\n ngOnInit() {\n if (this.processDefinitionKey) {\n this.loadProcessDefinitionFromKey(this.processDefinitionKey);\n }\n if (this.processInstanceId) {\n this.loadProcessInstanceXml(this.processInstanceId);\n }\n this.bpmnJS = new BpmnJS();\n this.bpmnJS.on('import.done', ({error}) => {\n if (!error) {\n const canvas = this.bpmnJS.get('canvas'),\n eventBus = this.bpmnJS.get('eventBus');\n if (this.processDiagram.historicActivityInstances) {\n this.processDiagram.historicActivityInstances.forEach(instance => {\n // exclude multiInstanceBody\n if (instance.activityType !== 'multiInstanceBody') {\n canvas.addMarker(\n instance.activityId,\n instance.endTime ? 'highlight-overlay-past' : 'highlight-overlay-current'\n );\n }\n });\n }\n\n canvas.zoom('fit-viewport', 'auto');\n if (this.processDefinitionVersions) {\n eventBus.on('canvas.init', () => {\n if (this.showHeatmap) {\n this.clearHeatmap();\n }\n this.loadHeatmapData();\n });\n eventBus.on('canvas.viewbox.changing', () => {\n if (this.showHeatmap) {\n this.clearHeatmap();\n }\n });\n eventBus.on('canvas.viewbox.changed', () => {\n this.loadHeatmapData();\n });\n }\n }\n });\n }\n\n ngOnChanges(): void {\n if (this.processDefinitionKey) {\n this.loadProcessDefinitionFromKey(this.processDefinitionKey);\n } else if (this.processInstanceId) {\n this.loadProcessInstanceXml(this.processInstanceId);\n }\n }\n\n ngOnDestroy() {\n if (this.bpmnJS) {\n this.bpmnJS.destroy();\n }\n }\n\n public loadProcessDefinition(processDefinitionKey) {\n this.processService.getProcessDefinition(processDefinitionKey).subscribe(response => {\n this.heatmapOption = this.enumHeatmapOptions[0];\n this.version = response.version;\n this.loadProcessDefinitionXml(response.id);\n });\n }\n\n public loadProcessDefinitionVersions(processDefinitionKey) {\n this.processService.getProcessDefinitionVersions(processDefinitionKey).subscribe(response => {\n this.processDefinitionVersions = response;\n });\n }\n\n public loadProcessDefinitionFromKey(processDefinitionKey) {\n this.loadProcessDefinitionVersions(processDefinitionKey);\n this.loadProcessDefinition(processDefinitionKey);\n }\n\n public loadProcessDefinitionXml(processDefinitionId) {\n this.processService.getProcessDefinitionXml(processDefinitionId).subscribe(response => {\n this.processDiagram = response;\n this.bpmnJS.importXML(this.processDiagram.bpmn20Xml);\n this.bpmnJS.attachTo(this.el.nativeElement);\n });\n }\n\n private loadProcessInstanceXml(processInstanceId) {\n this.processService.getProcessXml(processInstanceId).subscribe(response => {\n this.processDiagram = response;\n this.bpmnJS.importXML(this.processDiagram.bpmn20Xml);\n this.bpmnJS.attachTo(this.el.nativeElement);\n });\n }\n\n public loadProcessDefinitionHeatmapCount(processDefinition) {\n this.processService.getProcessHeatmapCount(processDefinition).subscribe(response => {\n this.inputData = response;\n this.valueKey = 'totalCount';\n this.heatPoints = {data: []};\n this.min = 0;\n this.max = 0;\n\n Object.keys(this.inputData).forEach(key => {\n const diagramContainer = this.el.nativeElement.querySelector('svg').getBoundingClientRect(),\n diagramElm = this.el.nativeElement\n .querySelector(`g[data-element-id=${key}]`)\n .getBoundingClientRect();\n this.setMax(key);\n this.heatPoints.data.push({\n x: Math.round(diagramElm.x - diagramContainer.x + diagramElm.width / 2),\n y: Math.round(diagramElm.y - diagramContainer.y + diagramElm.height / 2),\n value: this.inputData[key][this.valueKey],\n radius: diagramElm.width / 2,\n });\n this.addCounterActiveOverlays(key, this.inputData);\n });\n this.clearHeatmap();\n if (this.showHeatmap) {\n this.loadHeatmap();\n }\n });\n }\n\n public onWindowResize() {\n const oldCanvas = this.el.nativeElement.querySelector('canvas[class=heatmap-canvas]');\n if (oldCanvas) {\n oldCanvas.remove();\n this.heatMapInstance = null;\n }\n if (this.showHeatmap) {\n this.loadHeatmap();\n }\n }\n\n public loadProcessDefinitionHeatmapDuration(processDefinition) {\n this.processService.getProcessHeatmapDuration(processDefinition).subscribe(response => {\n this.inputData = response;\n this.valueKey = 'averageDurationInMilliseconds';\n this.heatPoints = {data: []};\n this.min = 0;\n this.max = 0;\n\n Object.keys(this.inputData).forEach(key => {\n const diagramContainer = this.el.nativeElement.querySelector('svg').getBoundingClientRect(),\n diagramElm = this.el.nativeElement\n .querySelector(`g[data-element-id=${key}]`)\n .getBoundingClientRect();\n this.setMax(key);\n this.heatPoints.data.push({\n x: Math.round(diagramElm.x - diagramContainer.x + diagramElm.width / 2),\n y: Math.round(diagramElm.y - diagramContainer.y + diagramElm.height / 2),\n value: this.inputData[key][this.valueKey],\n radius: diagramElm.width / 2,\n });\n this.addCounterActiveOverlays(key, this.inputData);\n });\n this.clearHeatmap();\n if (this.showHeatmap) {\n this.loadHeatmap();\n }\n });\n }\n\n public setProcessDefinitionKey(processDefinitionKey) {\n this.processDefinitionKey = processDefinitionKey;\n this.loadProcessDefinitionFromKey(this.processDefinitionKey);\n }\n\n public setProcessDefinitionVersion(version) {\n this.version = +version;\n this.loadHeatmapData();\n }\n\n public setHeatmapOption(heatmapOption) {\n this.heatmapOption = heatmapOption;\n this.loadHeatmapData();\n }\n\n public toggleShowHeatmap() {\n this.showHeatmap = !this.showHeatmap;\n this.loadHeatmapData();\n }\n\n public loadHeatmap() {\n if (!this.heatMapInstance) {\n this.heatMapInstance = heatmap.create({\n radius: 54,\n blur: 0.7,\n maxOpacity: 0.4,\n minOpacity: 0,\n container: this.el.nativeElement,\n });\n }\n this.heatMapInstance.setData({\n min: this.min,\n max: this.max,\n data: this.heatPoints.data,\n });\n }\n\n public clearHeatmap() {\n if (this.heatMapInstance) {\n this.heatMapInstance.setData({data: []});\n }\n }\n\n public loadHeatmapData() {\n this.processDefinition = this.processDefinitionVersions.find(\n definition => definition.version === this.version\n );\n\n if (this.heatmapOption === 'count') {\n this.loadProcessDefinitionHeatmapCount(this.processDefinition);\n }\n if (this.heatmapOption === 'duration') {\n this.loadProcessDefinitionHeatmapDuration(this.processDefinition);\n }\n }\n\n public setMax(key: any) {\n if (this.heatmapDuration) {\n this.max = Math.max(this.heatmapDuration[key].averageDurationInMilliseconds, this.max);\n } else if (this.heatmapCount) {\n this.max = Math.max(\n this.heatmapCount[key].totalCount + this.heatmapCount[key].count,\n this.max\n );\n }\n }\n\n public addCounterActiveOverlays(key: any, inputData: any) {\n const overlays = this.bpmnJS.get('overlays');\n overlays.add(key, {\n position: {\n bottom: 13,\n left: -12,\n },\n show: {\n minZoom: 0,\n maxZoom: 5.0,\n },\n html: `<span class=\"badge badge-pill badge-primary\">${inputData[key].count}</span>`,\n });\n }\n}\n","/*\n * Copyright 2015-2020 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\nimport {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {\n BpmnJsDiagramModule,\n CamundaFormModule,\n ListModule,\n TimelineModule,\n WidgetModule,\n} from '@valtimo/components';\nimport {ToastrModule} from 'ngx-toastr';\nimport {BrowserAnimationsModule} from '@angular/platform-browser/animations';\nimport {ProcessDiagramComponent} from './process-diagram/process-diagram.component';\n\n@NgModule({\n declarations: [ProcessDiagramComponent],\n imports: [\n CommonModule,\n ListModule,\n WidgetModule,\n TimelineModule,\n BpmnJsDiagramModule,\n CamundaFormModule,\n BrowserAnimationsModule,\n ToastrModule.forRoot({\n positionClass: 'toast-bottom-full-width',\n preventDuplicates: true,\n }),\n ],\n exports: [ProcessDiagramComponent],\n})\nexport class ProcessModule {}\n"]}
|