@operato/dataset 1.0.0-alpha.4 → 1.0.0-alpha.42

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.
Files changed (58) hide show
  1. package/CHANGELOG.md +346 -0
  2. package/demo/index.html +11 -95
  3. package/demo/ox-data-entry-form.html +118 -0
  4. package/demo/ox-data-item-spec.html +152 -0
  5. package/demo/ox-data-ooc-view.html +185 -0
  6. package/demo/ox-data-sample-view.html +150 -0
  7. package/demo/ox-grist-editor-data-item-spec.html +473 -0
  8. package/dist/src/grist-editor/index.d.ts +1 -0
  9. package/dist/src/grist-editor/index.js +7 -0
  10. package/dist/src/grist-editor/index.js.map +1 -0
  11. package/dist/src/grist-editor/ox-grist-editor-data-item-spec.d.ts +11 -0
  12. package/dist/src/grist-editor/ox-grist-editor-data-item-spec.js +77 -0
  13. package/dist/src/grist-editor/ox-grist-editor-data-item-spec.js.map +1 -0
  14. package/dist/src/grist-editor/ox-popup-data-item-spec.d.ts +13 -0
  15. package/dist/src/grist-editor/ox-popup-data-item-spec.js +90 -0
  16. package/dist/src/grist-editor/ox-popup-data-item-spec.js.map +1 -0
  17. package/dist/src/index.d.ts +6 -1
  18. package/dist/src/index.js +6 -1
  19. package/dist/src/index.js.map +1 -1
  20. package/dist/src/ox-data-entry-form.d.ts +1 -24
  21. package/dist/src/ox-data-entry-form.js +58 -17
  22. package/dist/src/ox-data-entry-form.js.map +1 -1
  23. package/dist/src/ox-data-item-spec.d.ts +18 -0
  24. package/dist/src/ox-data-item-spec.js +77 -0
  25. package/dist/src/ox-data-item-spec.js.map +1 -0
  26. package/dist/src/ox-data-ooc-view.d.ts +10 -0
  27. package/dist/src/ox-data-ooc-view.js +69 -0
  28. package/dist/src/ox-data-ooc-view.js.map +1 -0
  29. package/dist/src/ox-data-sample-view.d.ts +13 -0
  30. package/dist/src/ox-data-sample-view.js +165 -0
  31. package/dist/src/ox-data-sample-view.js.map +1 -0
  32. package/dist/src/ox-data-use-case.d.ts +16 -0
  33. package/dist/src/ox-data-use-case.js +111 -0
  34. package/dist/src/ox-data-use-case.js.map +1 -0
  35. package/dist/src/types.d.ts +76 -0
  36. package/dist/src/types.js +2 -0
  37. package/dist/src/types.js.map +1 -0
  38. package/dist/tsconfig.tsbuildinfo +1 -1
  39. package/package.json +19 -11
  40. package/src/grist-editor/index.ts +10 -0
  41. package/src/grist-editor/ox-grist-editor-data-item-spec.ts +92 -0
  42. package/src/grist-editor/ox-popup-data-item-spec.ts +90 -0
  43. package/src/index.ts +6 -1
  44. package/src/ox-data-entry-form.ts +59 -38
  45. package/src/ox-data-item-spec.ts +74 -0
  46. package/src/ox-data-ooc-view.ts +67 -0
  47. package/src/ox-data-sample-view.ts +171 -0
  48. package/src/ox-data-use-case.ts +147 -0
  49. package/src/types.ts +70 -0
  50. package/themes/app-theme.css +142 -0
  51. package/themes/form-theme.css +75 -0
  52. package/themes/grist-theme.css +194 -0
  53. package/themes/oops-theme.css +26 -0
  54. package/themes/report-theme.css +47 -0
  55. package/translations/en.json +1 -0
  56. package/translations/ko.json +1 -0
  57. package/translations/ms.json +1 -0
  58. package/translations/zh.json +1 -0
package/CHANGELOG.md CHANGED
@@ -3,6 +3,352 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.0.0-alpha.42](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.41...v1.0.0-alpha.42) (2022-03-29)
7
+
8
+ **Note:** Version bump only for package @operato/dataset
9
+
10
+
11
+
12
+
13
+
14
+ ## [1.0.0-alpha.41](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.40...v1.0.0-alpha.41) (2022-03-27)
15
+
16
+ **Note:** Version bump only for package @operato/dataset
17
+
18
+
19
+
20
+
21
+
22
+ ## [1.0.0-alpha.40](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.39...v1.0.0-alpha.40) (2022-03-26)
23
+
24
+
25
+ ### :bug: Bug Fix
26
+
27
+ * ox-data-ooc ([77ce499](https://github.com/hatiolab/operato/commit/77ce49978d60cb964ce736f9289655103740f04c))
28
+
29
+
30
+
31
+ ## [1.0.0-alpha.39](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.38...v1.0.0-alpha.39) (2022-03-25)
32
+
33
+
34
+ ### :bug: Bug Fix
35
+
36
+ * added ox-data-ooc-view ([6693d0c](https://github.com/hatiolab/operato/commit/6693d0cdea7481c877ded73ab1ca1746f49b5ead))
37
+ * ox-data-sample-view ooc oos style ([7e8bebe](https://github.com/hatiolab/operato/commit/7e8bebe1d08eb60a42823bb1850a8d8738b1bb75))
38
+ * ox-data-sample-view ooc,oos icon checked => done ([3e3e345](https://github.com/hatiolab/operato/commit/3e3e3459104eac47a60fac60ab3c6ceeb933df14))
39
+ * ox-data-sample-view style ([ff0513d](https://github.com/hatiolab/operato/commit/ff0513dbd5f8cc6a72c336c2336f544e463ab78a))
40
+
41
+
42
+
43
+ ## [1.0.0-alpha.38](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.37...v1.0.0-alpha.38) (2022-03-25)
44
+
45
+
46
+ ### :bug: Bug Fix
47
+
48
+ * ox-data-sample-view ([6c998f1](https://github.com/hatiolab/operato/commit/6c998f10dcae30fcf228bfe6f547930d0bfc777c))
49
+ * ox-data-sample-view datetime format ([ca8f7ca](https://github.com/hatiolab/operato/commit/ca8f7ca8c29037d5a5bef518f6dfad2df9363097))
50
+ * ox-data-sample-view style ([ec02b2f](https://github.com/hatiolab/operato/commit/ec02b2fae0084f81229a335216672e1231dede7d))
51
+ * ox-data-sample-view style ([7b7c5ee](https://github.com/hatiolab/operato/commit/7b7c5eed16672a4b97c332b5933cc305208d8553))
52
+
53
+
54
+
55
+ ## [1.0.0-alpha.37](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.36...v1.0.0-alpha.37) (2022-03-25)
56
+
57
+
58
+ ### :bug: Bug Fix
59
+
60
+ * data-item-spec => data-use-case ([3b5e684](https://github.com/hatiolab/operato/commit/3b5e684362621b89883ea6ed22acb7084678d3a5))
61
+ * data-use-case-xx ([7564cd3](https://github.com/hatiolab/operato/commit/7564cd3bdc9d4f61ac4eba6d382e9066a6d36a90))
62
+ * dataset ox-data-sample-view started ([42ceefe](https://github.com/hatiolab/operato/commit/42ceefe919739bbc9e30e468b3f526831e0a56c8))
63
+ * export some components and remove unused components ([3b9788d](https://github.com/hatiolab/operato/commit/3b9788d9d2a73235a2f96d586dcb02643768f0d6))
64
+ * handling data-use-case acceptables ([9ac1239](https://github.com/hatiolab/operato/commit/9ac12396fe15aebddef52bb0ed7fe1f445a6dbfd))
65
+
66
+
67
+
68
+ ## [1.0.0-alpha.36](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.35...v1.0.0-alpha.36) (2022-03-21)
69
+
70
+ **Note:** Version bump only for package @operato/dataset
71
+
72
+
73
+
74
+
75
+
76
+ ## [1.0.0-alpha.35](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.34...v1.0.0-alpha.35) (2022-03-21)
77
+
78
+ **Note:** Version bump only for package @operato/dataset
79
+
80
+
81
+
82
+
83
+
84
+ ## [1.0.0-alpha.34](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.33...v1.0.0-alpha.34) (2022-03-20)
85
+
86
+
87
+ ### :bug: Bug Fix
88
+
89
+ * data-grist field styles for tooltip ([5f90650](https://github.com/hatiolab/operato/commit/5f90650ef36023834af3d3bf027cd300cc6bffc1))
90
+ * tooltip style ([4cd1b9d](https://github.com/hatiolab/operato/commit/4cd1b9d05c46c6a607865a0ff71a50f6e0df8797))
91
+
92
+
93
+
94
+ ## [1.0.0-alpha.33](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.32...v1.0.0-alpha.33) (2022-03-19)
95
+
96
+ **Note:** Version bump only for package @operato/dataset
97
+
98
+
99
+
100
+
101
+
102
+ ## [1.0.0-alpha.32](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.31...v1.0.0-alpha.32) (2022-03-19)
103
+
104
+ **Note:** Version bump only for package @operato/dataset
105
+
106
+
107
+
108
+
109
+
110
+ ## [1.0.0-alpha.31](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.30...v1.0.0-alpha.31) (2022-03-19)
111
+
112
+
113
+ ### :bug: Bug Fix
114
+
115
+ * added unit for ox-data-entry-form demo page, add active filter for ox-data-entry-form ([e981771](https://github.com/hatiolab/operato/commit/e9817714b86ffa6be742f1c5f4c72df7ad09a863))
116
+ * ox-grist-renderer support class type renderer (refer ox-grist-renderer-progress) ([ad7c8e1](https://github.com/hatiolab/operato/commit/ad7c8e1b453d19af9daa13ae4eb7c2059d85dfbb))
117
+
118
+
119
+
120
+ ## [1.0.0-alpha.30](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.29...v1.0.0-alpha.30) (2022-03-18)
121
+
122
+ **Note:** Version bump only for package @operato/dataset
123
+
124
+
125
+
126
+
127
+
128
+ ## [1.0.0-alpha.29](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.28...v1.0.0-alpha.29) (2022-03-17)
129
+
130
+ **Note:** Version bump only for package @operato/dataset
131
+
132
+
133
+
134
+
135
+
136
+ ## [1.0.0-alpha.28](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.26...v1.0.0-alpha.28) (2022-03-17)
137
+
138
+
139
+ ### :rocket: New Features
140
+
141
+ * add ox-grist-editor for partition-keys ([7672a27](https://github.com/hatiolab/operato/commit/7672a2729f78475602733a83779f6a7a96e128fd))
142
+
143
+
144
+
145
+ ## [1.0.0-alpha.27](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.26...v1.0.0-alpha.27) (2022-03-17)
146
+
147
+
148
+ ### :rocket: New Features
149
+
150
+ * add ox-grist-editor for partition-keys ([7672a27](https://github.com/hatiolab/operato/commit/7672a2729f78475602733a83779f6a7a96e128fd))
151
+
152
+
153
+
154
+ ## [1.0.0-alpha.26](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.25...v1.0.0-alpha.26) (2022-03-17)
155
+
156
+ **Note:** Version bump only for package @operato/dataset
157
+
158
+
159
+
160
+
161
+
162
+ ## [1.0.0-alpha.25](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.24...v1.0.0-alpha.25) (2022-03-17)
163
+
164
+ **Note:** Version bump only for package @operato/dataset
165
+
166
+
167
+
168
+
169
+
170
+ ## [1.0.0-alpha.24](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.23...v1.0.0-alpha.24) (2022-03-17)
171
+
172
+
173
+ ### :bug: Bug Fix
174
+
175
+ * ccp, dataset, property-editor style ([92b2448](https://github.com/hatiolab/operato/commit/92b2448756604ee0b885949dd193241f319cf147))
176
+ * ox-data-item-spec style ([f963757](https://github.com/hatiolab/operato/commit/f963757ccef0144687ce49493281c25a82a259d3))
177
+ * refactoring grist-editor, property-editor and input ([bdc3197](https://github.com/hatiolab/operato/commit/bdc31977d148c80a3ac0bea4b33160bac277df1e))
178
+ * refactoring grist-editor, property-editor and input ([ea7431a](https://github.com/hatiolab/operato/commit/ea7431a5e2dfd96ef392c1905e9622df7c2ef88c))
179
+
180
+
181
+
182
+ ## [1.0.0-alpha.23](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.22...v1.0.0-alpha.23) (2022-03-17)
183
+
184
+
185
+ ### :rocket: New Features
186
+
187
+ * added qc module ([263b679](https://github.com/hatiolab/operato/commit/263b6794b97a635df1a50d013adaef2e83635908))
188
+
189
+
190
+
191
+ ## [1.0.0-alpha.22](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.21...v1.0.0-alpha.22) (2022-03-17)
192
+
193
+
194
+ ### :bug: Bug Fix
195
+
196
+ * ccp demo ([67b7d65](https://github.com/hatiolab/operato/commit/67b7d65b48d0ca7b3350684a45a396c0538c4902))
197
+
198
+
199
+ ### :rocket: New Features
200
+
201
+ * added data-item-spec-editor for grist ([8376e14](https://github.com/hatiolab/operato/commit/8376e142d894a709e60ed676e917d5a26e01e374))
202
+
203
+
204
+
205
+ ## [1.0.0-alpha.21](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.20...v1.0.0-alpha.21) (2022-03-16)
206
+
207
+
208
+ ### :rocket: New Features
209
+
210
+ * @operato/ccp module added ([f08ba5a](https://github.com/hatiolab/operato/commit/f08ba5a464c04b7fb132c6f18de975997087846a))
211
+ * ccp spec provider ([d72fe7c](https://github.com/hatiolab/operato/commit/d72fe7c497685e7f033ef04e6a866bd86613f397))
212
+
213
+
214
+ ### :bug: Bug Fix
215
+
216
+ * demo ([6fa3eac](https://github.com/hatiolab/operato/commit/6fa3eac612bd98ce25e3ef6d8ce89527d7152fb4))
217
+ * description on ox-data-item-spec view ([47da306](https://github.com/hatiolab/operato/commit/47da306a253a96e0c24c986e4608bfe0713a111a))
218
+
219
+
220
+
221
+ ## [1.0.0-alpha.20](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.19...v1.0.0-alpha.20) (2022-03-15)
222
+
223
+
224
+ ### :bug: Bug Fix
225
+
226
+ * ox-data-entry-form in dataset module ([736fe96](https://github.com/hatiolab/operato/commit/736fe968e292059055d18a4c18a5da979bbb4722))
227
+
228
+
229
+
230
+ ## [1.0.0-alpha.19](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.18...v1.0.0-alpha.19) (2022-03-14)
231
+
232
+ **Note:** Version bump only for package @operato/dataset
233
+
234
+
235
+
236
+
237
+
238
+ ## [1.0.0-alpha.18](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.17...v1.0.0-alpha.18) (2022-03-14)
239
+
240
+ **Note:** Version bump only for package @operato/dataset
241
+
242
+
243
+
244
+
245
+
246
+ ## [1.0.0-alpha.17](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.16...v1.0.0-alpha.17) (2022-03-13)
247
+
248
+ **Note:** Version bump only for package @operato/dataset
249
+
250
+
251
+
252
+
253
+
254
+ ## [1.0.0-alpha.16](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.15...v1.0.0-alpha.16) (2022-03-13)
255
+
256
+ **Note:** Version bump only for package @operato/dataset
257
+
258
+
259
+
260
+
261
+
262
+ ## [1.0.0-alpha.15](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.14...v1.0.0-alpha.15) (2022-03-13)
263
+
264
+ **Note:** Version bump only for package @operato/dataset
265
+
266
+
267
+
268
+
269
+
270
+ ## [1.0.0-alpha.14](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.13...v1.0.0-alpha.14) (2022-03-13)
271
+
272
+ **Note:** Version bump only for package @operato/dataset
273
+
274
+
275
+
276
+
277
+
278
+ ## [1.0.0-alpha.13](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.12...v1.0.0-alpha.13) (2022-03-13)
279
+
280
+ **Note:** Version bump only for package @operato/dataset
281
+
282
+
283
+
284
+
285
+
286
+ ## [1.0.0-alpha.12](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.11...v1.0.0-alpha.12) (2022-03-13)
287
+
288
+ **Note:** Version bump only for package @operato/dataset
289
+
290
+
291
+
292
+
293
+
294
+ ## [1.0.0-alpha.11](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.10...v1.0.0-alpha.11) (2022-03-12)
295
+
296
+ **Note:** Version bump only for package @operato/dataset
297
+
298
+
299
+
300
+
301
+
302
+ ## [1.0.0-alpha.10](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.9...v1.0.0-alpha.10) (2022-03-12)
303
+
304
+ **Note:** Version bump only for package @operato/dataset
305
+
306
+
307
+
308
+
309
+
310
+ ## [1.0.0-alpha.9](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.8...v1.0.0-alpha.9) (2022-03-12)
311
+
312
+ **Note:** Version bump only for package @operato/dataset
313
+
314
+
315
+
316
+
317
+
318
+ ## [1.0.0-alpha.8](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.7...v1.0.0-alpha.8) (2022-03-11)
319
+
320
+ **Note:** Version bump only for package @operato/dataset
321
+
322
+
323
+
324
+
325
+
326
+ ## [1.0.0-alpha.7](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.6...v1.0.0-alpha.7) (2022-03-11)
327
+
328
+ **Note:** Version bump only for package @operato/dataset
329
+
330
+
331
+
332
+
333
+
334
+ ## [1.0.0-alpha.6](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.5...v1.0.0-alpha.6) (2022-03-11)
335
+
336
+
337
+ ### :bug: Bug Fix
338
+
339
+ * ox-data-entry-form style ([c94c833](https://github.com/hatiolab/operato/commit/c94c8338aee8cf3e69c286e6af7cb2b5f081bbc7))
340
+
341
+
342
+
343
+ ## [1.0.0-alpha.5](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.4...v1.0.0-alpha.5) (2022-03-11)
344
+
345
+
346
+ ### :bug: Bug Fix
347
+
348
+ * data entry style ([d3dc3a6](https://github.com/hatiolab/operato/commit/d3dc3a6612c75597162621bd22421fa8d808cb13))
349
+
350
+
351
+
6
352
  ## [1.0.0-alpha.4](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.3...v1.0.0-alpha.4) (2022-03-11)
7
353
 
8
354
 
package/demo/index.html CHANGED
@@ -2,111 +2,27 @@
2
2
  <html lang="en-GB">
3
3
  <head>
4
4
  <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
5
6
  <style>
6
7
  body {
7
- background: #fafafa;
8
8
  --ox-checkbox-size: 12px;
9
9
  }
10
10
 
11
- #demo {
12
- position: relative;
13
- height: 300px;
14
- background-color: lightgray;
15
- vertical-align: middle;
11
+ a {
12
+ display: block;
16
13
  }
17
14
  </style>
15
+
18
16
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
19
17
  <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
18
+ <link href="/themes/app-theme.css" rel="stylesheet" />
19
+ <link href="/themes/form-theme.css" rel="stylesheet" />
20
20
  </head>
21
21
  <body>
22
- <div id="demo"></div>
23
-
24
- <script type="module">
25
- import { html, render } from 'lit'
26
- import '../dist/src/ox-data-entry-form.js'
27
-
28
- const parent = document.querySelector('#demo')
29
- const dataSet = {
30
- name: 'sample',
31
- description: 'sample description',
32
- dataItems: [
33
- {
34
- name: '창고 온도',
35
- description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',
36
- sequence: 1,
37
- tag: 'temp',
38
- type: 'number',
39
- quota: 1
40
- },
41
- {
42
- name: '창고 습도',
43
- description: '창고 습도는 30% 이하로 유지되어야 합니다.',
44
- sequence: 2,
45
- tag: 'humid',
46
- type: 'number',
47
- quota: 5
48
- },
49
- {
50
- name: '육안 검사',
51
- description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.',
52
- sequence: 3,
53
- tag: 'inspection',
54
- type: 'boolean',
55
- quota: 3
56
- },
57
- {
58
- name: '품평',
59
- description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',
60
- sequence: 4,
61
- tag: 'evaluation',
62
- type: 'select',
63
- options: {
64
- options: [
65
- { text: '최우수', value: '최우수' },
66
- { text: '우수', value: '우수' },
67
- { text: '보통', value: '보통' },
68
- { text: '미달', value: '미달' }
69
- ]
70
- },
71
- quota: 3
72
- },
73
- {
74
- name: '코멘트',
75
- description: '특이사항을 기록함.',
76
- sequence: 4,
77
- tag: 'comment',
78
- type: 'string',
79
- quota: 1
80
- },
81
- {
82
- name: '첨부파일',
83
- description: '참조 첨부 파일.',
84
- sequence: 4,
85
- tag: 'attachment',
86
- type: 'file',
87
- quota: 1
88
- }
89
- ]
90
- }
91
-
92
- var value = {
93
- temp: 1000,
94
- humid: [20, 23, 21, 26, 27],
95
- inspection: [true, false, true],
96
- evaluation: ['최우수', '보통', '우수']
97
- }
98
-
99
- render(
100
- html`<ox-data-entry-form
101
- .dataSet=${dataSet}
102
- .value=${value}
103
- @change=${e => {
104
- value = e.detail
105
- console.log('change', value)
106
- }}
107
- ></ox-data-entry-form>`,
108
- parent
109
- )
110
- </script>
22
+ <a href="./ox-data-entry-form.html">ox-data-entry-form</a>
23
+ <a href="./ox-data-sample-view.html">ox-data-sample-view</a>
24
+ <a href="./ox-data-ooc-view.html">ox-data-ooc-view</a>
25
+ <a href="./ox-data-item-spec.html">ox-data-item-spec</a>
26
+ <a href="./ox-grist-editor-data-item-spec.html">ox-grist-editor-data-item-spec</a>
111
27
  </body>
112
28
  </html>
@@ -0,0 +1,118 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en-GB">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
6
+ <style>
7
+ body {
8
+ --ox-checkbox-size: 12px;
9
+ }
10
+
11
+ #demo {
12
+ }
13
+ </style>
14
+ <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
15
+ <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
16
+ <link href="/themes/app-theme.css" rel="stylesheet" />
17
+ <link href="/themes/form-theme.css" rel="stylesheet" />
18
+ </head>
19
+ <body>
20
+ <div id="demo"></div>
21
+
22
+ <script type="module">
23
+ import { html, render } from 'lit'
24
+ import '../dist/src/ox-data-entry-form.js'
25
+
26
+ const parent = document.querySelector('#demo')
27
+ const dataSet = {
28
+ name: 'sample',
29
+ description: 'sample description',
30
+ dataItems: [
31
+ {
32
+ name: '창고 온도',
33
+ description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',
34
+ sequence: 1,
35
+ tag: 'temp',
36
+ type: 'number',
37
+ quota: 1,
38
+ active: true,
39
+ unit: '℃'
40
+ },
41
+ {
42
+ name: '창고 습도',
43
+ description: '창고 습도는 30% 이하로 유지되어야 합니다.',
44
+ sequence: 2,
45
+ tag: 'humid',
46
+ type: 'number',
47
+ quota: 5,
48
+ active: true,
49
+ unit: '%'
50
+ },
51
+ {
52
+ name: '육안 검사',
53
+ description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.',
54
+ sequence: 3,
55
+ tag: 'inspection',
56
+ type: 'boolean',
57
+ quota: 3,
58
+ active: true
59
+ },
60
+ {
61
+ name: '품평',
62
+ description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',
63
+ sequence: 4,
64
+ tag: 'evaluation',
65
+ type: 'select',
66
+ options: {
67
+ options: [
68
+ { text: '최우수', value: '최우수' },
69
+ { text: '우수', value: '우수' },
70
+ { text: '보통', value: '보통' },
71
+ { text: '미달', value: '미달' }
72
+ ]
73
+ },
74
+ quota: 3,
75
+ active: true
76
+ },
77
+ {
78
+ name: '코멘트',
79
+ description: '특이사항을 기록함.',
80
+ sequence: 4,
81
+ tag: 'comment',
82
+ type: 'string',
83
+ quota: 1,
84
+ active: true
85
+ },
86
+ {
87
+ name: '첨부파일',
88
+ description: '참조 첨부 파일.',
89
+ sequence: 4,
90
+ tag: 'attachment',
91
+ type: 'file',
92
+ quota: 1,
93
+ active: true
94
+ }
95
+ ]
96
+ }
97
+
98
+ var value = {
99
+ temp: 1000,
100
+ humid: [20, 23, 21, 26, 27],
101
+ inspection: [true, false, true],
102
+ evaluation: ['최우수', '보통', '우수']
103
+ }
104
+
105
+ render(
106
+ html`<ox-data-entry-form
107
+ .dataSet=${dataSet}
108
+ .value=${value}
109
+ @change=${e => {
110
+ value = e.detail
111
+ console.log('change', value)
112
+ }}
113
+ ></ox-data-entry-form>`,
114
+ parent
115
+ )
116
+ </script>
117
+ </body>
118
+ </html>