@processmaker/screen-builder 2.85.11 → 2.86.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/vue-form-builder.css +1 -1
- package/dist/vue-form-builder.es.js +9017 -9008
- package/dist/vue-form-builder.es.js.map +1 -1
- package/dist/vue-form-builder.umd.js +54 -54
- package/dist/vue-form-builder.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/assets/welcome_default.png +0 -0
- package/src/components/renderer/card.vue +40 -42
- package/src/components/renderer/form-analytics-chart.vue +8 -2
- package/src/components/renderer/form-new-request.vue +17 -9
package/package.json
CHANGED
|
Binary file
|
|
@@ -1,49 +1,47 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div>
|
|
3
|
-
<
|
|
4
|
-
<div
|
|
5
|
-
<div class="
|
|
6
|
-
<div
|
|
7
|
-
<
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
<
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
>
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
</button>
|
|
33
|
-
</div>
|
|
3
|
+
<div class="mb-3 card-request">
|
|
4
|
+
<div class="card-body">
|
|
5
|
+
<div class="d-flex justify-content-between">
|
|
6
|
+
<div>
|
|
7
|
+
<span v-uni-id="event.id.toString()" class="card-info card-title">
|
|
8
|
+
{{ transformedName }}
|
|
9
|
+
</span>
|
|
10
|
+
<span class="card-info">
|
|
11
|
+
{{ event.name }}
|
|
12
|
+
</span>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="d-flex align-items-center">
|
|
15
|
+
<button
|
|
16
|
+
:aria-expanded="ariaExpanded"
|
|
17
|
+
:aria-controls="getComputedId(process, event)"
|
|
18
|
+
class="btn btn-ellipsis btn-sm mr-1"
|
|
19
|
+
@click="showRequestDetails(process, event)"
|
|
20
|
+
>
|
|
21
|
+
<i class="fas fa-ellipsis-v"></i>
|
|
22
|
+
</button>
|
|
23
|
+
<button
|
|
24
|
+
v-uni-aria-describedby="event.id.toString()"
|
|
25
|
+
:href="getNewRequestLinkHref(process, event)"
|
|
26
|
+
class="btn btn-custom btn-sm"
|
|
27
|
+
@click.prevent="newRequestLink(process, event)"
|
|
28
|
+
>
|
|
29
|
+
{{ $t("Start") }}
|
|
30
|
+
<i class="fas fa-play mr-1 card-icon"></i>
|
|
31
|
+
</button>
|
|
34
32
|
</div>
|
|
35
|
-
<b-collapse
|
|
36
|
-
:id="getComputedId(process, event)"
|
|
37
|
-
:aria-hidden="ariaHidden"
|
|
38
|
-
>
|
|
39
|
-
<hr />
|
|
40
|
-
<p class="card-text text-muted card-description">
|
|
41
|
-
{{ process.description }}
|
|
42
|
-
</p>
|
|
43
|
-
</b-collapse>
|
|
44
33
|
</div>
|
|
34
|
+
<b-collapse
|
|
35
|
+
:id="getComputedId(process, event)"
|
|
36
|
+
:aria-hidden="ariaHidden"
|
|
37
|
+
>
|
|
38
|
+
<hr />
|
|
39
|
+
<p class="card-text text-muted card-description">
|
|
40
|
+
{{ process.description }}
|
|
41
|
+
</p>
|
|
42
|
+
</b-collapse>
|
|
45
43
|
</div>
|
|
46
|
-
</
|
|
44
|
+
</div>
|
|
47
45
|
</div>
|
|
48
46
|
</template>
|
|
49
47
|
|
|
@@ -54,7 +52,7 @@ const uniqIdsMixin = createUniqIdsMixin();
|
|
|
54
52
|
|
|
55
53
|
export default {
|
|
56
54
|
mixins: [uniqIdsMixin],
|
|
57
|
-
props: ["name", "description", "filter", "id", "process"],
|
|
55
|
+
props: ["name", "description", "filter", "id", "process", "event"],
|
|
58
56
|
data() {
|
|
59
57
|
return {
|
|
60
58
|
disabled: false,
|
|
@@ -10,7 +10,8 @@
|
|
|
10
10
|
<div class="d-flex flex-wrap p-2">
|
|
11
11
|
<b-col cols="12">
|
|
12
12
|
<b-card-text>
|
|
13
|
-
<b-embed type="iframe" :src="graphic.link"></b-embed>
|
|
13
|
+
<b-embed v-if="!showChart" type="iframe" :src="graphic.link"></b-embed>
|
|
14
|
+
<img v-else src="../../assets/welcome_default.png" :style="{width:'100%', aspectRatio:21/9}" :alt="$t('Welcome Default')" />
|
|
14
15
|
</b-card-text>
|
|
15
16
|
</b-col>
|
|
16
17
|
</div>
|
|
@@ -27,7 +28,8 @@ export default {
|
|
|
27
28
|
graphic: [],
|
|
28
29
|
customStyle: {
|
|
29
30
|
"border-radius": "8px"
|
|
30
|
-
}
|
|
31
|
+
},
|
|
32
|
+
showChart: false,
|
|
31
33
|
};
|
|
32
34
|
},
|
|
33
35
|
watch: {
|
|
@@ -41,10 +43,14 @@ export default {
|
|
|
41
43
|
if (this.listChartOption && this.listChartOption.name) {
|
|
42
44
|
this.graphic = this.listChartOption;
|
|
43
45
|
}
|
|
46
|
+
this.verifyChart();
|
|
44
47
|
},
|
|
45
48
|
methods: {
|
|
46
49
|
openExternalLink() {
|
|
47
50
|
window.open("/package-analytics-reporting", "_blank");
|
|
51
|
+
},
|
|
52
|
+
verifyChart() {
|
|
53
|
+
this.showChart = this.graphic.name === "PM Analytics Chart" || this.graphic.name === "PM Analytics Dashboard" || this.graphic.length === 0;
|
|
48
54
|
}
|
|
49
55
|
}
|
|
50
56
|
};
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div>
|
|
3
3
|
<div v-if="Object.keys(processes).length && !loading" class="process-list">
|
|
4
|
-
<
|
|
5
|
-
<
|
|
6
|
-
<
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
4
|
+
<div class="row">
|
|
5
|
+
<template v-for="(process, index) in processes">
|
|
6
|
+
<div v-for="(event, indexE) in emptyStartEvents(process)" :key="`process-${index}-${indexE}`" class="col-sm-6">
|
|
7
|
+
<ProcessCard
|
|
8
|
+
:filter="filter"
|
|
9
|
+
:process="process"
|
|
10
|
+
:event="event"
|
|
11
|
+
/>
|
|
12
|
+
</div>
|
|
13
|
+
</template>
|
|
14
|
+
</div>
|
|
13
15
|
</div>
|
|
14
16
|
<div v-else>
|
|
15
17
|
<formEmpty link="" title="No Request to Start" url="" />
|
|
@@ -39,6 +41,12 @@ export default {
|
|
|
39
41
|
this.$root.$on("dropdownSelectionStart", this.fetchData);
|
|
40
42
|
},
|
|
41
43
|
methods: {
|
|
44
|
+
emptyStartEvents(process) {
|
|
45
|
+
return process.startEvents.filter(
|
|
46
|
+
(event) =>
|
|
47
|
+
!event.eventDefinitions || event.eventDefinitions.length === 0
|
|
48
|
+
);
|
|
49
|
+
},
|
|
42
50
|
hasEmptyStartEvents(process) {
|
|
43
51
|
return !!process.events.find(
|
|
44
52
|
(event) =>
|