@getodk/web-forms 0.24.0 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +353 -3
- package/dist/ActionsInfoDialog-B8AZQOuY.js +44 -0
- package/dist/CanvasBlock-DWoXGSW9.js +1171 -0
- package/dist/{MapBlock-n255RRbb.js → MapBlock-BTX9u64V.js} +2017 -2043
- package/dist/{index-DeUGLlIc.js → index-Cg9qvMI9.js} +31053 -25352
- package/dist/index.js +2 -2
- package/dist/{strings_es-DAXJyzwf.js → strings_es-C8xkQaZj.js} +21 -5
- package/dist/{strings_fr-HM7VsY_j.js → strings_fr-C0vLmCzP.js} +21 -5
- package/dist/{strings_id-78N8pY_x.js → strings_id-BE0G3I_d.js} +21 -5
- package/dist/vue-konva-D0sZ6RWk.js +7890 -0
- package/package.json +20 -19
package/README.md
CHANGED
|
@@ -2,6 +2,336 @@
|
|
|
2
2
|
|
|
3
3
|
This package is a Vue component library that uses [`@getodk/xforms-engine`](../xforms-engine/) to render [ODK XForms](https://getodk.github.io/xforms-spec/). These forms are generally authored by end users in Excel using the [XLSForm](https://docs.getodk.org/xlsform/) standard. Learn more [on the ODK website](https://getodk.org/) and the ODK Web Form project's [main README](https://github.com/getodk/web-forms).
|
|
4
4
|
|
|
5
|
+
## Feature matrix
|
|
6
|
+
|
|
7
|
+
This section is auto generated. Please update `feature-matrix.json` and then run `npm run feature-matrix` from the repository's root to update it.
|
|
8
|
+
|
|
9
|
+
<!-- autogen: feature-matrix -->
|
|
10
|
+
|
|
11
|
+
<details>
|
|
12
|
+
<summary>
|
|
13
|
+
|
|
14
|
+
<!-- prettier-ignore -->
|
|
15
|
+
##### Question types (basic functionality)<br/>🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩⬜⬜ 91\%
|
|
16
|
+
|
|
17
|
+
</summary>
|
|
18
|
+
<br/>
|
|
19
|
+
|
|
20
|
+
| Feature <img width=250px/> | Progress |
|
|
21
|
+
| ---------------------------------------------------------- | :------: |
|
|
22
|
+
| text | ✅ |
|
|
23
|
+
| integer | ✅ |
|
|
24
|
+
| decimal | ✅ |
|
|
25
|
+
| note | ✅ |
|
|
26
|
+
| select_one | ✅ |
|
|
27
|
+
| select_multiple | ✅ |
|
|
28
|
+
| select\_\*\_from_file | ✅ |
|
|
29
|
+
| repeat | ✅ |
|
|
30
|
+
| group | ✅ |
|
|
31
|
+
| geopoint | ✅ |
|
|
32
|
+
| geotrace | ✅ |
|
|
33
|
+
| geoshape | ✅ |
|
|
34
|
+
| start-geopoint | ✅ |
|
|
35
|
+
| range | ✅ |
|
|
36
|
+
| image | ✅ |
|
|
37
|
+
| barcode | |
|
|
38
|
+
| audio | ✅ |
|
|
39
|
+
| background-audio | |
|
|
40
|
+
| video | ✅ |
|
|
41
|
+
| [file](https://github.com/getodk/web-forms/issues/370) | ✅ |
|
|
42
|
+
| [date](https://github.com/getodk/web-forms/issues/311) | ✅ |
|
|
43
|
+
| [time](https://github.com/getodk/web-forms/issues/590) | ✅ |
|
|
44
|
+
| [datetime](https://github.com/getodk/web-forms/issues/697) | ✅ |
|
|
45
|
+
| rank | ✅ |
|
|
46
|
+
| csv-external | ✅ |
|
|
47
|
+
| acknowledge | ✅ |
|
|
48
|
+
| start | ✅ |
|
|
49
|
+
| end | ✅ |
|
|
50
|
+
| today | ✅ |
|
|
51
|
+
| deviceid | ✅ |
|
|
52
|
+
| username | ✅ |
|
|
53
|
+
| phonenumber | ✅ |
|
|
54
|
+
| email | ✅ |
|
|
55
|
+
| audit | |
|
|
56
|
+
|
|
57
|
+
</details>
|
|
58
|
+
|
|
59
|
+
<details>
|
|
60
|
+
<summary>
|
|
61
|
+
|
|
62
|
+
<!-- prettier-ignore -->
|
|
63
|
+
##### Appearances<br/>🟩🟩🟩🟩🟩🟩🟩🟩⬜⬜⬜⬜⬜⬜⬜ 54\%
|
|
64
|
+
|
|
65
|
+
</summary>
|
|
66
|
+
<br/>
|
|
67
|
+
|
|
68
|
+
| Feature <img width=250px/> | Progress |
|
|
69
|
+
| --------------------------------------------------------------- | :------: |
|
|
70
|
+
| numbers | ✅ |
|
|
71
|
+
| multiline | ✅ |
|
|
72
|
+
| url | |
|
|
73
|
+
| ex: | |
|
|
74
|
+
| thousands-sep | ✅ |
|
|
75
|
+
| bearing | |
|
|
76
|
+
| [vertical](https://github.com/getodk/web-forms/issues/271) | |
|
|
77
|
+
| [no-ticks](https://github.com/getodk/web-forms/issues/271) | |
|
|
78
|
+
| picker | |
|
|
79
|
+
| [rating](https://github.com/getodk/web-forms/issues/711) | ✅ |
|
|
80
|
+
| new | |
|
|
81
|
+
| new-front | |
|
|
82
|
+
| [draw](https://github.com/getodk/web-forms/issues/698) | ✅ |
|
|
83
|
+
| [annotate](https://github.com/getodk/web-forms/issues/15) | ✅ |
|
|
84
|
+
| [signature](https://github.com/getodk/web-forms/issues/699) | ✅ |
|
|
85
|
+
| [no-calendar](https://github.com/getodk/web-forms/issues/781) | |
|
|
86
|
+
| [month-year](https://github.com/getodk/web-forms/issues/782) | ✅ |
|
|
87
|
+
| [year](https://github.com/getodk/web-forms/issues/782) | ✅ |
|
|
88
|
+
| [ethiopian](https://github.com/getodk/web-forms/issues/315) | |
|
|
89
|
+
| [coptic](https://github.com/getodk/web-forms/issues/315) | |
|
|
90
|
+
| [islamic](https://github.com/getodk/web-forms/issues/315) | |
|
|
91
|
+
| [bikram-sambat](https://github.com/getodk/web-forms/issues/315) | |
|
|
92
|
+
| [myanmar](https://github.com/getodk/web-forms/issues/315) | |
|
|
93
|
+
| [persian](https://github.com/getodk/web-forms/issues/315) | |
|
|
94
|
+
| placement-map | ✅ |
|
|
95
|
+
| maps | ✅ |
|
|
96
|
+
| hide-input | |
|
|
97
|
+
| minimal | ✅ |
|
|
98
|
+
| search / autocomplete | ✅ |
|
|
99
|
+
| [quick](https://github.com/getodk/web-forms/issues/515) | |
|
|
100
|
+
| columns-pack | ✅ |
|
|
101
|
+
| columns | ✅ |
|
|
102
|
+
| columns-n | ✅ |
|
|
103
|
+
| no-buttons | ✅ |
|
|
104
|
+
| image-map | |
|
|
105
|
+
| likert | ✅ |
|
|
106
|
+
| map | ✅ |
|
|
107
|
+
| field-list | ✅ |
|
|
108
|
+
| label | ✅ |
|
|
109
|
+
| list-nolabel | ✅ |
|
|
110
|
+
| list | ✅ |
|
|
111
|
+
| table-list | ✅ |
|
|
112
|
+
| counter | |
|
|
113
|
+
| hidden-answer | |
|
|
114
|
+
| printer | |
|
|
115
|
+
| masked | ✅ |
|
|
116
|
+
|
|
117
|
+
</details>
|
|
118
|
+
|
|
119
|
+
<details>
|
|
120
|
+
<summary>
|
|
121
|
+
|
|
122
|
+
<!-- prettier-ignore -->
|
|
123
|
+
##### Parameters<br/>🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩⬜⬜⬜⬜⬜ 66\%
|
|
124
|
+
|
|
125
|
+
</summary>
|
|
126
|
+
<br/>
|
|
127
|
+
|
|
128
|
+
| Feature <img width=250px/> | Progress |
|
|
129
|
+
| ---------------------------------------------------------------------------------------------------------------------------------- | :------: |
|
|
130
|
+
| randomize | ✅ |
|
|
131
|
+
| seed | ✅ |
|
|
132
|
+
| value | ✅ |
|
|
133
|
+
| label | ✅ |
|
|
134
|
+
| rows | ✅ |
|
|
135
|
+
| geopoint capture-accuracy,<br/>warning-accuracy, allow-mock-accuracy | ✅ |
|
|
136
|
+
| range start, end, step | ✅ |
|
|
137
|
+
| [image max-pixels](https://github.com/getodk/web-forms/issues/397) | ✅ |
|
|
138
|
+
| audio quality | |
|
|
139
|
+
| Audit: location-priority,<br/>location-min-interval, location-max-age,<br/>track-changes, track-changes-reasons,<br/>identify-user | |
|
|
140
|
+
| [geotrace/shape incremental=true](https://github.com/getodk/web-forms/issues/562) | |
|
|
141
|
+
| range labels, placeholder | |
|
|
142
|
+
|
|
143
|
+
</details>
|
|
144
|
+
|
|
145
|
+
<details>
|
|
146
|
+
<summary>
|
|
147
|
+
|
|
148
|
+
<!-- prettier-ignore -->
|
|
149
|
+
##### Form logic<br/>🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩 100\%
|
|
150
|
+
|
|
151
|
+
</summary>
|
|
152
|
+
<br/>
|
|
153
|
+
|
|
154
|
+
| Feature <img width=250px/> | Progress |
|
|
155
|
+
| ----------------------------------------------- | :------: |
|
|
156
|
+
| calculate | ✅ |
|
|
157
|
+
| relevant | ✅ |
|
|
158
|
+
| required | ✅ |
|
|
159
|
+
| required message | ✅ |
|
|
160
|
+
| custom constraint | ✅ |
|
|
161
|
+
| constraint message | ✅ |
|
|
162
|
+
| read only | ✅ |
|
|
163
|
+
| dynamic defaults (including trigger<br/>column) | ✅ |
|
|
164
|
+
| choice filter | ✅ |
|
|
165
|
+
| default | ✅ |
|
|
166
|
+
| repeat_count | ✅ |
|
|
167
|
+
| create or update Entities | ✅ |
|
|
168
|
+
|
|
169
|
+
</details>
|
|
170
|
+
|
|
171
|
+
<details>
|
|
172
|
+
<summary>
|
|
173
|
+
|
|
174
|
+
<!-- prettier-ignore -->
|
|
175
|
+
##### Descriptions and annotations<br/>🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩⬜⬜⬜⬜ 75\%
|
|
176
|
+
|
|
177
|
+
</summary>
|
|
178
|
+
<br/>
|
|
179
|
+
|
|
180
|
+
| Feature <img width=250px/> | Progress |
|
|
181
|
+
| -------------------------------------------------------------- | :------: |
|
|
182
|
+
| label | ✅ |
|
|
183
|
+
| hint | ✅ |
|
|
184
|
+
| [guidance hint](https://github.com/getodk/web-forms/issues/53) | |
|
|
185
|
+
| form translations | ✅ |
|
|
186
|
+
| form translations with ref to other<br/>field | ✅ |
|
|
187
|
+
| Markdown | ✅ |
|
|
188
|
+
| Inline HTML | ✅ |
|
|
189
|
+
| [image](https://github.com/getodk/web-forms/issues/30) | ✅ |
|
|
190
|
+
| big-image | |
|
|
191
|
+
| [audio](https://github.com/getodk/web-forms/issues/30) | ✅ |
|
|
192
|
+
| [video](https://github.com/getodk/web-forms/issues/30) | ✅ |
|
|
193
|
+
| autoplay | |
|
|
194
|
+
|
|
195
|
+
</details>
|
|
196
|
+
|
|
197
|
+
<details>
|
|
198
|
+
<summary>
|
|
199
|
+
|
|
200
|
+
<!-- prettier-ignore -->
|
|
201
|
+
##### Theme and layouts<br/>🟩🟩🟩🟩🟩🟩⬜⬜⬜⬜⬜⬜⬜⬜⬜ 40\%
|
|
202
|
+
|
|
203
|
+
</summary>
|
|
204
|
+
<br/>
|
|
205
|
+
|
|
206
|
+
| Feature <img width=250px/> | Progress |
|
|
207
|
+
| -------------------------------------------------------------------------- | :------: |
|
|
208
|
+
| [grid](https://github.com/getodk/web-forms/issues/16) | |
|
|
209
|
+
| [pages](https://github.com/getodk/web-forms/issues/254) | |
|
|
210
|
+
| [logo](https://github.com/getodk/web-forms/issues/353) | |
|
|
211
|
+
| [application translations](https://github.com/getodk/web-forms/issues/332) | ✅ |
|
|
212
|
+
| [theme color](https://github.com/getodk/web-forms/issues/43) | |
|
|
213
|
+
| preview form | ✅ |
|
|
214
|
+
| send instance | ✅ |
|
|
215
|
+
| view instance | |
|
|
216
|
+
| edit instance | ✅ |
|
|
217
|
+
| table of contents | |
|
|
218
|
+
|
|
219
|
+
</details>
|
|
220
|
+
|
|
221
|
+
<details>
|
|
222
|
+
<summary>
|
|
223
|
+
|
|
224
|
+
<!-- prettier-ignore -->
|
|
225
|
+
##### XPath<br/>🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩⬜ 98\%
|
|
226
|
+
|
|
227
|
+
</summary>
|
|
228
|
+
<br/>
|
|
229
|
+
|
|
230
|
+
| Feature <img width=250px/> | Progress |
|
|
231
|
+
| ------------------------------------------------------------------------------------------------------------- | :------: |
|
|
232
|
+
| operators | ✅ |
|
|
233
|
+
| predicates | ✅ |
|
|
234
|
+
| axes | ✅ |
|
|
235
|
+
| string(\* arg) | ✅ |
|
|
236
|
+
| concat(string arg*\|node-set arg*) | ✅ |
|
|
237
|
+
| join(string separator, node-set nodes\*) | ✅ |
|
|
238
|
+
| substr(string value, number start,<br/>number end?) | ✅ |
|
|
239
|
+
| substring-before(string, string) | ✅ |
|
|
240
|
+
| substring-after(string, string) | ✅ |
|
|
241
|
+
| translate(string, string, string) | ✅ |
|
|
242
|
+
| string-length(string arg) | ✅ |
|
|
243
|
+
| normalize-space(string arg?) | ✅ |
|
|
244
|
+
| contains(string haystack, string needle) | ✅ |
|
|
245
|
+
| starts-with(string haystack, string<br/>needle) | ✅ |
|
|
246
|
+
| ends-with(string haystack, string<br/>needle) | ✅ |
|
|
247
|
+
| uuid(number?) | ✅ |
|
|
248
|
+
| digest(string src, string algorithm,<br/>string encoding?) | ✅ |
|
|
249
|
+
| pulldata(string instance_id, string<br/>desired_element, string query_element,<br/>string query) | ✅ |
|
|
250
|
+
| if(boolean condition, _ then, _ else) | ✅ |
|
|
251
|
+
| coalesce(string arg1, string arg2) | ✅ |
|
|
252
|
+
| once(string calc) | ✅ |
|
|
253
|
+
| true() | ✅ |
|
|
254
|
+
| false() | ✅ |
|
|
255
|
+
| boolean(\* arg) | ✅ |
|
|
256
|
+
| boolean-from-string(string arg) | ✅ |
|
|
257
|
+
| not(boolean arg) | ✅ |
|
|
258
|
+
| regex(string value, string expression) | ✅ |
|
|
259
|
+
| checklist(number min, number max, string<br/>v\*) | ✅ |
|
|
260
|
+
| weighted-checklist(number min, number<br/>max, [string v, string w]\*) | ✅ |
|
|
261
|
+
| number(\* arg) | ✅ |
|
|
262
|
+
| random() | ✅ |
|
|
263
|
+
| int(number arg) | ✅ |
|
|
264
|
+
| sum(node-set arg) | ✅ |
|
|
265
|
+
| max(node-set arg\*) | ✅ |
|
|
266
|
+
| min(node-set arg\*) | ✅ |
|
|
267
|
+
| round(number arg, number decimals?) | ✅ |
|
|
268
|
+
| pow(number value, number power) | ✅ |
|
|
269
|
+
| log(number arg) | ✅ |
|
|
270
|
+
| log10(number arg) | ✅ |
|
|
271
|
+
| abs(number arg) | ✅ |
|
|
272
|
+
| sin(number arg) | ✅ |
|
|
273
|
+
| cos(number arg) | ✅ |
|
|
274
|
+
| tan(number arg) | ✅ |
|
|
275
|
+
| asin(number arg) | ✅ |
|
|
276
|
+
| acos(number arg) | ✅ |
|
|
277
|
+
| atan(number arg) | ✅ |
|
|
278
|
+
| atan2(number arg, number arg) | ✅ |
|
|
279
|
+
| sqrt(number arg) | ✅ |
|
|
280
|
+
| exp(number arg) | ✅ |
|
|
281
|
+
| exp10(number arg) | ✅ |
|
|
282
|
+
| pi() | ✅ |
|
|
283
|
+
| count(node-set arg) | ✅ |
|
|
284
|
+
| count-non-empty(node-set arg) | ✅ |
|
|
285
|
+
| position(node arg?) | ✅ |
|
|
286
|
+
| instance(string id) | ✅ |
|
|
287
|
+
| current() | ✅ |
|
|
288
|
+
| randomize(node-set arg, number seed) | ✅ |
|
|
289
|
+
| today() | ✅ |
|
|
290
|
+
| now() | ✅ |
|
|
291
|
+
| format-date(date value, string format) | ✅ |
|
|
292
|
+
| format-date-time(dateTime value, string<br/>format) | ✅ |
|
|
293
|
+
| date(\* value) | ✅ |
|
|
294
|
+
| decimal-date-time(dateTime value) | ✅ |
|
|
295
|
+
| decimal-time(time value) | ✅ |
|
|
296
|
+
| selected(string list, string value) | ✅ |
|
|
297
|
+
| selected-at(string list, number index) | ✅ |
|
|
298
|
+
| count-selected(node node) | ✅ |
|
|
299
|
+
| jr:choice-name(node node, string value) | ✅ |
|
|
300
|
+
| jr:itext(string id) | ✅ |
|
|
301
|
+
| indexed-repeat(node-set arg, node-set<br/>repeat1, number index1, [node-set<br/>repeatN, number indexN]{0,2}) | ✅ |
|
|
302
|
+
| area(node-set ns\|geoshape gs) | ✅ |
|
|
303
|
+
| distance(node-set ns\|geoshape<br/>gs\|geotrace gt\|(geopoint\|string)<br/>arg\*) | ✅ |
|
|
304
|
+
| geofence(geopoint p, geoshape gs) | ✅ |
|
|
305
|
+
| base64-decode(base64Binary input) | ✅ |
|
|
306
|
+
| [intersects(geoshape gs\|geotrace gt)](https://github.com/getodk/web-forms/issues/572) | |
|
|
307
|
+
|
|
308
|
+
</details>
|
|
309
|
+
|
|
310
|
+
<details>
|
|
311
|
+
<summary>
|
|
312
|
+
|
|
313
|
+
<!-- prettier-ignore -->
|
|
314
|
+
##### Misc<br/>🟩⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜ 11\%
|
|
315
|
+
|
|
316
|
+
</summary>
|
|
317
|
+
<br/>
|
|
318
|
+
|
|
319
|
+
| Feature <img width=250px/> | Progress |
|
|
320
|
+
| -------------------------------------------------------------------------------- | :------: |
|
|
321
|
+
| [last saved instance](https://github.com/getodk/web-forms/issues/306) | |
|
|
322
|
+
| [defaults from query parameters](https://github.com/getodk/web-forms/issues/464) | |
|
|
323
|
+
| multi-form app-like experience | |
|
|
324
|
+
| [prevent multiple submissions](https://github.com/getodk/web-forms/issues/461) | |
|
|
325
|
+
| configure end of form experience | |
|
|
326
|
+
| save as draft | |
|
|
327
|
+
| offline entities | |
|
|
328
|
+
| MBtiles / offline map layers | |
|
|
329
|
+
| [submission encryption](https://github.com/getodk/web-forms/issues/448) | ✅ |
|
|
330
|
+
|
|
331
|
+
</details>
|
|
332
|
+
|
|
333
|
+
<!-- /autogen: feature-matrix -->
|
|
334
|
+
|
|
5
335
|
## Usage
|
|
6
336
|
|
|
7
337
|
To use this library in a Vue.js application:
|
|
@@ -18,7 +348,7 @@ To use this library in a Vue.js application:
|
|
|
18
348
|
:submission-max-size="5242880" <!-- 5MB -->
|
|
19
349
|
:edit-instance="editOptions"
|
|
20
350
|
:preload-properties="preloadProperties"
|
|
21
|
-
:
|
|
351
|
+
:device-id="abc123"
|
|
22
352
|
@submit="handleSubmit"
|
|
23
353
|
@submit-chunked="handleChunkedSubmit"
|
|
24
354
|
/>
|
|
@@ -44,12 +374,13 @@ The `<OdkWebForm>` component accepts the following props:
|
|
|
44
374
|
- `attachmentMaxSize` (`number`, optional, defaults to 100MB): Maximum size for submission attachments in bytes.
|
|
45
375
|
- `editInstance` (`EditInstanceOptions`, optional): Options to resolve and load instance and attachment resources for editing.
|
|
46
376
|
- `preloadProperties` (`PreloadProperties`, optional): Properties to make available for binding in the form using jr:preload.
|
|
47
|
-
- `
|
|
377
|
+
- `deviceId` (`string`, optional): If provided is available for binding into the form using preload attributes. Ignored if `preloadProperties.deviceID` is given.
|
|
48
378
|
|
|
49
379
|
### Events (`OdkWebFormEmits`)
|
|
50
380
|
|
|
51
381
|
The component emits the following events:
|
|
52
382
|
|
|
383
|
+
- `loaded`: Emitted when the form is loaded and displayed to the user
|
|
53
384
|
- `submit`: Emitted when the user presses the "Send" button on a valid form
|
|
54
385
|
- Payload: ([submissionPayload: MonolithicInstancePayload, callback: HostSubmissionResultCallback])
|
|
55
386
|
- `submitChunked`: Emitted for chunked submissions when the form is valid
|
|
@@ -65,7 +396,7 @@ We will eventually publish a framework-agnostic custom element.
|
|
|
65
396
|
To run in development, run this command at the monorepo root:
|
|
66
397
|
|
|
67
398
|
```sh
|
|
68
|
-
|
|
399
|
+
npm run dev -w=packages/web-forms
|
|
69
400
|
```
|
|
70
401
|
|
|
71
402
|
Individual test environments, and their corresponding watch modes, also have separate commands which can be found in [`package.json`](./package.json).
|
|
@@ -147,3 +478,22 @@ To add a new icon:
|
|
|
147
478
|
- Use the icon by passing its name to the `name` prop.
|
|
148
479
|
|
|
149
480
|
Material Icons are available under the Apache License Version 2.0. Copy of the license can be found at [`./src/assets/fonts/LICENSE-2.0.txt`](./src/assets/fonts/LICENSE-2.0.txt)
|
|
481
|
+
|
|
482
|
+
### Translations
|
|
483
|
+
|
|
484
|
+
Translations are managed on Transifex. Translators can contribute at: https://app.transifex.com/getodk/web_forms
|
|
485
|
+
|
|
486
|
+
For developers, see [TRANSLATIONS.md](./TRANSLATIONS.md) for details on how UI strings are managed and how to add or update translations.
|
|
487
|
+
|
|
488
|
+
#### Pulling and pushing translations
|
|
489
|
+
|
|
490
|
+
Use the npm scripts in this package to sync with Transifex. From the repository root:
|
|
491
|
+
|
|
492
|
+
- Pull translations from Transifex into `locales/`:
|
|
493
|
+
```sh
|
|
494
|
+
npm run translations:pull -w @getodk/web-forms
|
|
495
|
+
```
|
|
496
|
+
- Push the English source strings (`locales/strings_en.json`) to Transifex:
|
|
497
|
+
```sh
|
|
498
|
+
npm run translations:push -w @getodk/web-forms
|
|
499
|
+
```
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { defineComponent as m, openBlock as s, createBlock as f, unref as p, withCtx as n, createElementVNode as t, createElementBlock as l, Fragment as u, renderList as _, normalizeClass as v, createVNode as b, toDisplayString as a } from "vue";
|
|
2
|
+
import { s as g, I, _ as k } from "./index-Cg9qvMI9.js";
|
|
3
|
+
const x = { class: "odk-form-list" }, B = { class: "action-description" }, C = /* @__PURE__ */ m({
|
|
4
|
+
__name: "ActionsInfoDialog",
|
|
5
|
+
props: {
|
|
6
|
+
title: {},
|
|
7
|
+
actionsInfo: {},
|
|
8
|
+
visible: { type: Boolean }
|
|
9
|
+
},
|
|
10
|
+
emits: ["update:visible"],
|
|
11
|
+
setup(i, { emit: r }) {
|
|
12
|
+
const c = r;
|
|
13
|
+
return (h, o) => (s(), f(p(g), {
|
|
14
|
+
visible: i.visible,
|
|
15
|
+
modal: "",
|
|
16
|
+
class: "actions-info-dialog",
|
|
17
|
+
draggable: !1,
|
|
18
|
+
"onUpdate:visible": o[0] || (o[0] = (e) => c("update:visible", e))
|
|
19
|
+
}, {
|
|
20
|
+
header: n(() => [
|
|
21
|
+
t("strong", null, a(i.title), 1)
|
|
22
|
+
]),
|
|
23
|
+
default: n(() => [
|
|
24
|
+
t("ul", x, [
|
|
25
|
+
(s(!0), l(u, null, _(i.actionsInfo, (e, d) => (s(), l("li", {
|
|
26
|
+
key: d,
|
|
27
|
+
class: v(["odk-form-list-item", e.infoClasses?.join(" ")])
|
|
28
|
+
}, [
|
|
29
|
+
t("div", B, [
|
|
30
|
+
b(I, {
|
|
31
|
+
name: e.icon
|
|
32
|
+
}, null, 8, ["name"]),
|
|
33
|
+
t("span", null, a(e.description), 1)
|
|
34
|
+
])
|
|
35
|
+
], 2))), 128))
|
|
36
|
+
])
|
|
37
|
+
]),
|
|
38
|
+
_: 1
|
|
39
|
+
}, 8, ["visible"]));
|
|
40
|
+
}
|
|
41
|
+
}), D = /* @__PURE__ */ k(C, [["__scopeId", "data-v-6fcf4715"]]);
|
|
42
|
+
export {
|
|
43
|
+
D as A
|
|
44
|
+
};
|