@processmaker/screen-builder 2.85.7 → 2.85.8
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 +22 -21
- package/dist/vue-form-builder.es.js.map +1 -1
- package/dist/vue-form-builder.umd.js +32 -32
- package/dist/vue-form-builder.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/renderer/form-input-masked.vue +5 -2
- package/src/components/renderer/form-list-table.vue +80 -27
- package/src/currency.json +1 -1
package/package.json
CHANGED
|
@@ -55,13 +55,16 @@ export default {
|
|
|
55
55
|
},
|
|
56
56
|
methods: {
|
|
57
57
|
loadMasks() {
|
|
58
|
-
|
|
58
|
+
const mask = (this.suffix).trim() === 'INR' ? 'indianns' : 'currency';
|
|
59
|
+
|
|
60
|
+
Inputmask(mask, {
|
|
59
61
|
digits: this.precision,
|
|
60
62
|
prefix: this.prefix,
|
|
61
63
|
suffix: this.suffix,
|
|
62
64
|
radixPoint: this.decimal,
|
|
63
65
|
groupSeparator: this.thousands,
|
|
64
66
|
}).mask(this.currencyInput);
|
|
67
|
+
|
|
65
68
|
if (this.value) {
|
|
66
69
|
this.currencyInput.inputmask.setValue(this.value);
|
|
67
70
|
}
|
|
@@ -81,4 +84,4 @@ export default {
|
|
|
81
84
|
</script>
|
|
82
85
|
|
|
83
86
|
<style>
|
|
84
|
-
</style>
|
|
87
|
+
</style>
|
|
@@ -14,19 +14,27 @@
|
|
|
14
14
|
{{ $t(title) }}
|
|
15
15
|
</p>
|
|
16
16
|
<template v-if="dataControl.dropdownShow === 'requests'">
|
|
17
|
-
<b-dropdown
|
|
17
|
+
<b-dropdown
|
|
18
|
+
variant="outline-secondary"
|
|
19
|
+
right
|
|
20
|
+
no-caret
|
|
21
|
+
>
|
|
18
22
|
<template #button-content>
|
|
19
23
|
<i class="fas fa-caret-down" />
|
|
20
24
|
</template>
|
|
21
25
|
<b-dropdown-item
|
|
22
26
|
@click="handleDropdownSelection('requests_filter', 'by_me')"
|
|
23
27
|
>
|
|
24
|
-
|
|
28
|
+
<span class="item-text">
|
|
29
|
+
{{ $t("As Requester") }}
|
|
30
|
+
</span>
|
|
25
31
|
</b-dropdown-item>
|
|
26
32
|
<b-dropdown-item
|
|
27
33
|
@click="handleDropdownSelection('requests_filter', 'as_participant')"
|
|
28
34
|
>
|
|
29
|
-
|
|
35
|
+
<span class="item-text">
|
|
36
|
+
{{ $t("As Participant") }}
|
|
37
|
+
</span>
|
|
30
38
|
</b-dropdown-item>
|
|
31
39
|
</b-dropdown>
|
|
32
40
|
</template>
|
|
@@ -38,68 +46,92 @@
|
|
|
38
46
|
<div class="ml-auto d-flex align-items-center">
|
|
39
47
|
<template v-if="dataControl.dropdownShow === 'requests'">
|
|
40
48
|
<div class="mr-4">
|
|
41
|
-
<b-dropdown
|
|
49
|
+
<b-dropdown
|
|
50
|
+
variant="outline-secondary"
|
|
51
|
+
size="sm"
|
|
52
|
+
>
|
|
42
53
|
<template #button-content>
|
|
43
54
|
<span class="text-capitalize">
|
|
44
55
|
<b-icon
|
|
45
56
|
v-if="showBadge"
|
|
46
57
|
icon="circle-fill"
|
|
58
|
+
class="mr-2"
|
|
47
59
|
:variant="badgeVariant"
|
|
48
60
|
/>
|
|
49
61
|
{{ $t(titleDropdown) }}
|
|
50
62
|
</span>
|
|
51
63
|
</template>
|
|
52
64
|
<b-dropdown-item
|
|
53
|
-
|
|
54
|
-
@click="
|
|
55
|
-
handleDropdownSelection('requests_dropdown', 'In Progress')
|
|
56
|
-
"
|
|
65
|
+
@click="handleDropdownSelection('requests_dropdown', 'all')"
|
|
57
66
|
>
|
|
58
|
-
<
|
|
67
|
+
<span class="item-text">
|
|
68
|
+
{{ $t("View All") }}
|
|
69
|
+
</span>
|
|
59
70
|
</b-dropdown-item>
|
|
60
71
|
<b-dropdown-item
|
|
61
|
-
|
|
62
|
-
@click="
|
|
63
|
-
handleDropdownSelection('requests_dropdown', 'Completed')
|
|
64
|
-
"
|
|
72
|
+
@click="handleDropdownSelection('requests_dropdown', 'Completed')"
|
|
65
73
|
>
|
|
66
|
-
<
|
|
74
|
+
<span class="item-text">
|
|
75
|
+
<i
|
|
76
|
+
class="fas fa-circle mr-2 text-primary"
|
|
77
|
+
/>
|
|
78
|
+
{{ $t("Completed") }}
|
|
79
|
+
</span>
|
|
67
80
|
</b-dropdown-item>
|
|
68
81
|
<b-dropdown-item
|
|
69
|
-
@click="handleDropdownSelection('requests_dropdown', '
|
|
82
|
+
@click="handleDropdownSelection('requests_dropdown', 'In Progress')"
|
|
70
83
|
>
|
|
71
|
-
|
|
84
|
+
<span class="item-text">
|
|
85
|
+
<i
|
|
86
|
+
class="fas fa-circle mr-2 text-success"
|
|
87
|
+
/>
|
|
88
|
+
{{ $t("In Progress") }}
|
|
89
|
+
</span>
|
|
72
90
|
</b-dropdown-item>
|
|
73
91
|
</b-dropdown>
|
|
74
92
|
</div>
|
|
75
93
|
</template>
|
|
76
94
|
<template v-if="dataControl.dropdownShow === 'tasks'">
|
|
77
95
|
<div class="mr-4">
|
|
78
|
-
<b-dropdown
|
|
96
|
+
<b-dropdown
|
|
97
|
+
variant="outline-secondary"
|
|
98
|
+
size="sm"
|
|
99
|
+
>
|
|
79
100
|
<template #button-content>
|
|
80
101
|
<span class="text-capitalize">
|
|
81
102
|
<b-icon
|
|
82
103
|
v-if="showBadge"
|
|
83
104
|
icon="circle-fill"
|
|
105
|
+
class="mr-2"
|
|
84
106
|
:variant="badgeVariant"
|
|
85
107
|
/>
|
|
86
108
|
{{ $t(titleDropdown) }}
|
|
87
109
|
</span>
|
|
88
110
|
</template>
|
|
89
|
-
<b-dropdown-item
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
<i class="fas fa-circle mr-2" />{{ $t("In Progress") }}
|
|
111
|
+
<b-dropdown-item @click="handleDropdownSelection('tasks', 'all')">
|
|
112
|
+
<span class="item-text">
|
|
113
|
+
{{ $t("View All") }}
|
|
114
|
+
</span>
|
|
94
115
|
</b-dropdown-item>
|
|
95
116
|
<b-dropdown-item
|
|
96
|
-
variant="danger"
|
|
97
117
|
@click="handleDropdownSelection('tasks', 'Overdue')"
|
|
98
118
|
>
|
|
99
|
-
<
|
|
119
|
+
<span class="item-text">
|
|
120
|
+
<i
|
|
121
|
+
class="fas fa-circle mr-2 text-danger"
|
|
122
|
+
/>
|
|
123
|
+
{{ $t("Overdue") }}
|
|
124
|
+
</span>
|
|
100
125
|
</b-dropdown-item>
|
|
101
|
-
<b-dropdown-item
|
|
102
|
-
|
|
126
|
+
<b-dropdown-item
|
|
127
|
+
@click="handleDropdownSelection('tasks', 'In Progress')"
|
|
128
|
+
>
|
|
129
|
+
<span class="item-text">
|
|
130
|
+
<i
|
|
131
|
+
class="fas fa-circle mr-2 text-warning"
|
|
132
|
+
/>
|
|
133
|
+
{{ $t("In Progress") }}
|
|
134
|
+
</span>
|
|
103
135
|
</b-dropdown-item>
|
|
104
136
|
</b-dropdown>
|
|
105
137
|
</div>
|
|
@@ -249,7 +281,8 @@ export default {
|
|
|
249
281
|
},
|
|
250
282
|
clearSearch(listType) {
|
|
251
283
|
this.searchCriteria = "";
|
|
252
|
-
this.
|
|
284
|
+
this.performSearch(listType);
|
|
285
|
+
this.showInput = !this.showInput;
|
|
253
286
|
},
|
|
254
287
|
/**
|
|
255
288
|
* Set the badge's color of the filter selected
|
|
@@ -327,4 +360,24 @@ export default {
|
|
|
327
360
|
.btn-outline-secondary {
|
|
328
361
|
border: none;
|
|
329
362
|
}
|
|
363
|
+
|
|
364
|
+
.item-text {
|
|
365
|
+
color: #42526E;
|
|
366
|
+
font-family: 'Open Sans', sans-serif;
|
|
367
|
+
font-size: 14px;
|
|
368
|
+
font-weight: 400;
|
|
369
|
+
line-height: 21px;
|
|
370
|
+
letter-spacing: -0.02em;
|
|
371
|
+
text-align: left;
|
|
372
|
+
}
|
|
373
|
+
|
|
374
|
+
.dropdown-menu {
|
|
375
|
+
padding: 10px;
|
|
376
|
+
width: 211px;
|
|
377
|
+
box-shadow: 0px 10px 20px 4px #00000021;
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
.dropdown-item {
|
|
381
|
+
padding: 10px 8px;
|
|
382
|
+
}
|
|
330
383
|
</style>
|