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

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 (61) hide show
  1. package/CHANGELOG.md +330 -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 copy.d.ts +13 -0
  30. package/dist/src/ox-data-sample-view copy.js +214 -0
  31. package/dist/src/ox-data-sample-view copy.js.map +1 -0
  32. package/dist/src/ox-data-sample-view.d.ts +13 -0
  33. package/dist/src/ox-data-sample-view.js +165 -0
  34. package/dist/src/ox-data-sample-view.js.map +1 -0
  35. package/dist/src/ox-data-use-case.d.ts +16 -0
  36. package/dist/src/ox-data-use-case.js +111 -0
  37. package/dist/src/ox-data-use-case.js.map +1 -0
  38. package/dist/src/types.d.ts +76 -0
  39. package/dist/src/types.js +2 -0
  40. package/dist/src/types.js.map +1 -0
  41. package/dist/tsconfig.tsbuildinfo +1 -1
  42. package/package.json +19 -11
  43. package/src/grist-editor/index.ts +10 -0
  44. package/src/grist-editor/ox-grist-editor-data-item-spec.ts +92 -0
  45. package/src/grist-editor/ox-popup-data-item-spec.ts +90 -0
  46. package/src/index.ts +6 -1
  47. package/src/ox-data-entry-form.ts +59 -38
  48. package/src/ox-data-item-spec.ts +74 -0
  49. package/src/ox-data-ooc-view.ts +67 -0
  50. package/src/ox-data-sample-view.ts +171 -0
  51. package/src/ox-data-use-case.ts +147 -0
  52. package/src/types.ts +70 -0
  53. package/themes/app-theme.css +142 -0
  54. package/themes/form-theme.css +75 -0
  55. package/themes/grist-theme.css +194 -0
  56. package/themes/oops-theme.css +26 -0
  57. package/themes/report-theme.css +47 -0
  58. package/translations/en.json +1 -0
  59. package/translations/ko.json +1 -0
  60. package/translations/ms.json +1 -0
  61. package/translations/zh.json +1 -0
package/CHANGELOG.md CHANGED
@@ -3,6 +3,336 @@
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.40](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.39...v1.0.0-alpha.40) (2022-03-26)
7
+
8
+
9
+ ### :bug: Bug Fix
10
+
11
+ * ox-data-ooc ([77ce499](https://github.com/hatiolab/operato/commit/77ce49978d60cb964ce736f9289655103740f04c))
12
+
13
+
14
+
15
+ ## [1.0.0-alpha.39](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.38...v1.0.0-alpha.39) (2022-03-25)
16
+
17
+
18
+ ### :bug: Bug Fix
19
+
20
+ * added ox-data-ooc-view ([6693d0c](https://github.com/hatiolab/operato/commit/6693d0cdea7481c877ded73ab1ca1746f49b5ead))
21
+ * ox-data-sample-view ooc oos style ([7e8bebe](https://github.com/hatiolab/operato/commit/7e8bebe1d08eb60a42823bb1850a8d8738b1bb75))
22
+ * ox-data-sample-view ooc,oos icon checked => done ([3e3e345](https://github.com/hatiolab/operato/commit/3e3e3459104eac47a60fac60ab3c6ceeb933df14))
23
+ * ox-data-sample-view style ([ff0513d](https://github.com/hatiolab/operato/commit/ff0513dbd5f8cc6a72c336c2336f544e463ab78a))
24
+
25
+
26
+
27
+ ## [1.0.0-alpha.38](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.37...v1.0.0-alpha.38) (2022-03-25)
28
+
29
+
30
+ ### :bug: Bug Fix
31
+
32
+ * ox-data-sample-view ([6c998f1](https://github.com/hatiolab/operato/commit/6c998f10dcae30fcf228bfe6f547930d0bfc777c))
33
+ * ox-data-sample-view datetime format ([ca8f7ca](https://github.com/hatiolab/operato/commit/ca8f7ca8c29037d5a5bef518f6dfad2df9363097))
34
+ * ox-data-sample-view style ([ec02b2f](https://github.com/hatiolab/operato/commit/ec02b2fae0084f81229a335216672e1231dede7d))
35
+ * ox-data-sample-view style ([7b7c5ee](https://github.com/hatiolab/operato/commit/7b7c5eed16672a4b97c332b5933cc305208d8553))
36
+
37
+
38
+
39
+ ## [1.0.0-alpha.37](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.36...v1.0.0-alpha.37) (2022-03-25)
40
+
41
+
42
+ ### :bug: Bug Fix
43
+
44
+ * data-item-spec => data-use-case ([3b5e684](https://github.com/hatiolab/operato/commit/3b5e684362621b89883ea6ed22acb7084678d3a5))
45
+ * data-use-case-xx ([7564cd3](https://github.com/hatiolab/operato/commit/7564cd3bdc9d4f61ac4eba6d382e9066a6d36a90))
46
+ * dataset ox-data-sample-view started ([42ceefe](https://github.com/hatiolab/operato/commit/42ceefe919739bbc9e30e468b3f526831e0a56c8))
47
+ * export some components and remove unused components ([3b9788d](https://github.com/hatiolab/operato/commit/3b9788d9d2a73235a2f96d586dcb02643768f0d6))
48
+ * handling data-use-case acceptables ([9ac1239](https://github.com/hatiolab/operato/commit/9ac12396fe15aebddef52bb0ed7fe1f445a6dbfd))
49
+
50
+
51
+
52
+ ## [1.0.0-alpha.36](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.35...v1.0.0-alpha.36) (2022-03-21)
53
+
54
+ **Note:** Version bump only for package @operato/dataset
55
+
56
+
57
+
58
+
59
+
60
+ ## [1.0.0-alpha.35](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.34...v1.0.0-alpha.35) (2022-03-21)
61
+
62
+ **Note:** Version bump only for package @operato/dataset
63
+
64
+
65
+
66
+
67
+
68
+ ## [1.0.0-alpha.34](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.33...v1.0.0-alpha.34) (2022-03-20)
69
+
70
+
71
+ ### :bug: Bug Fix
72
+
73
+ * data-grist field styles for tooltip ([5f90650](https://github.com/hatiolab/operato/commit/5f90650ef36023834af3d3bf027cd300cc6bffc1))
74
+ * tooltip style ([4cd1b9d](https://github.com/hatiolab/operato/commit/4cd1b9d05c46c6a607865a0ff71a50f6e0df8797))
75
+
76
+
77
+
78
+ ## [1.0.0-alpha.33](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.32...v1.0.0-alpha.33) (2022-03-19)
79
+
80
+ **Note:** Version bump only for package @operato/dataset
81
+
82
+
83
+
84
+
85
+
86
+ ## [1.0.0-alpha.32](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.31...v1.0.0-alpha.32) (2022-03-19)
87
+
88
+ **Note:** Version bump only for package @operato/dataset
89
+
90
+
91
+
92
+
93
+
94
+ ## [1.0.0-alpha.31](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.30...v1.0.0-alpha.31) (2022-03-19)
95
+
96
+
97
+ ### :bug: Bug Fix
98
+
99
+ * 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))
100
+ * ox-grist-renderer support class type renderer (refer ox-grist-renderer-progress) ([ad7c8e1](https://github.com/hatiolab/operato/commit/ad7c8e1b453d19af9daa13ae4eb7c2059d85dfbb))
101
+
102
+
103
+
104
+ ## [1.0.0-alpha.30](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.29...v1.0.0-alpha.30) (2022-03-18)
105
+
106
+ **Note:** Version bump only for package @operato/dataset
107
+
108
+
109
+
110
+
111
+
112
+ ## [1.0.0-alpha.29](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.28...v1.0.0-alpha.29) (2022-03-17)
113
+
114
+ **Note:** Version bump only for package @operato/dataset
115
+
116
+
117
+
118
+
119
+
120
+ ## [1.0.0-alpha.28](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.26...v1.0.0-alpha.28) (2022-03-17)
121
+
122
+
123
+ ### :rocket: New Features
124
+
125
+ * add ox-grist-editor for partition-keys ([7672a27](https://github.com/hatiolab/operato/commit/7672a2729f78475602733a83779f6a7a96e128fd))
126
+
127
+
128
+
129
+ ## [1.0.0-alpha.27](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.26...v1.0.0-alpha.27) (2022-03-17)
130
+
131
+
132
+ ### :rocket: New Features
133
+
134
+ * add ox-grist-editor for partition-keys ([7672a27](https://github.com/hatiolab/operato/commit/7672a2729f78475602733a83779f6a7a96e128fd))
135
+
136
+
137
+
138
+ ## [1.0.0-alpha.26](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.25...v1.0.0-alpha.26) (2022-03-17)
139
+
140
+ **Note:** Version bump only for package @operato/dataset
141
+
142
+
143
+
144
+
145
+
146
+ ## [1.0.0-alpha.25](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.24...v1.0.0-alpha.25) (2022-03-17)
147
+
148
+ **Note:** Version bump only for package @operato/dataset
149
+
150
+
151
+
152
+
153
+
154
+ ## [1.0.0-alpha.24](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.23...v1.0.0-alpha.24) (2022-03-17)
155
+
156
+
157
+ ### :bug: Bug Fix
158
+
159
+ * ccp, dataset, property-editor style ([92b2448](https://github.com/hatiolab/operato/commit/92b2448756604ee0b885949dd193241f319cf147))
160
+ * ox-data-item-spec style ([f963757](https://github.com/hatiolab/operato/commit/f963757ccef0144687ce49493281c25a82a259d3))
161
+ * refactoring grist-editor, property-editor and input ([bdc3197](https://github.com/hatiolab/operato/commit/bdc31977d148c80a3ac0bea4b33160bac277df1e))
162
+ * refactoring grist-editor, property-editor and input ([ea7431a](https://github.com/hatiolab/operato/commit/ea7431a5e2dfd96ef392c1905e9622df7c2ef88c))
163
+
164
+
165
+
166
+ ## [1.0.0-alpha.23](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.22...v1.0.0-alpha.23) (2022-03-17)
167
+
168
+
169
+ ### :rocket: New Features
170
+
171
+ * added qc module ([263b679](https://github.com/hatiolab/operato/commit/263b6794b97a635df1a50d013adaef2e83635908))
172
+
173
+
174
+
175
+ ## [1.0.0-alpha.22](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.21...v1.0.0-alpha.22) (2022-03-17)
176
+
177
+
178
+ ### :bug: Bug Fix
179
+
180
+ * ccp demo ([67b7d65](https://github.com/hatiolab/operato/commit/67b7d65b48d0ca7b3350684a45a396c0538c4902))
181
+
182
+
183
+ ### :rocket: New Features
184
+
185
+ * added data-item-spec-editor for grist ([8376e14](https://github.com/hatiolab/operato/commit/8376e142d894a709e60ed676e917d5a26e01e374))
186
+
187
+
188
+
189
+ ## [1.0.0-alpha.21](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.20...v1.0.0-alpha.21) (2022-03-16)
190
+
191
+
192
+ ### :rocket: New Features
193
+
194
+ * @operato/ccp module added ([f08ba5a](https://github.com/hatiolab/operato/commit/f08ba5a464c04b7fb132c6f18de975997087846a))
195
+ * ccp spec provider ([d72fe7c](https://github.com/hatiolab/operato/commit/d72fe7c497685e7f033ef04e6a866bd86613f397))
196
+
197
+
198
+ ### :bug: Bug Fix
199
+
200
+ * demo ([6fa3eac](https://github.com/hatiolab/operato/commit/6fa3eac612bd98ce25e3ef6d8ce89527d7152fb4))
201
+ * description on ox-data-item-spec view ([47da306](https://github.com/hatiolab/operato/commit/47da306a253a96e0c24c986e4608bfe0713a111a))
202
+
203
+
204
+
205
+ ## [1.0.0-alpha.20](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.19...v1.0.0-alpha.20) (2022-03-15)
206
+
207
+
208
+ ### :bug: Bug Fix
209
+
210
+ * ox-data-entry-form in dataset module ([736fe96](https://github.com/hatiolab/operato/commit/736fe968e292059055d18a4c18a5da979bbb4722))
211
+
212
+
213
+
214
+ ## [1.0.0-alpha.19](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.18...v1.0.0-alpha.19) (2022-03-14)
215
+
216
+ **Note:** Version bump only for package @operato/dataset
217
+
218
+
219
+
220
+
221
+
222
+ ## [1.0.0-alpha.18](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.17...v1.0.0-alpha.18) (2022-03-14)
223
+
224
+ **Note:** Version bump only for package @operato/dataset
225
+
226
+
227
+
228
+
229
+
230
+ ## [1.0.0-alpha.17](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.16...v1.0.0-alpha.17) (2022-03-13)
231
+
232
+ **Note:** Version bump only for package @operato/dataset
233
+
234
+
235
+
236
+
237
+
238
+ ## [1.0.0-alpha.16](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.15...v1.0.0-alpha.16) (2022-03-13)
239
+
240
+ **Note:** Version bump only for package @operato/dataset
241
+
242
+
243
+
244
+
245
+
246
+ ## [1.0.0-alpha.15](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.14...v1.0.0-alpha.15) (2022-03-13)
247
+
248
+ **Note:** Version bump only for package @operato/dataset
249
+
250
+
251
+
252
+
253
+
254
+ ## [1.0.0-alpha.14](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.13...v1.0.0-alpha.14) (2022-03-13)
255
+
256
+ **Note:** Version bump only for package @operato/dataset
257
+
258
+
259
+
260
+
261
+
262
+ ## [1.0.0-alpha.13](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.12...v1.0.0-alpha.13) (2022-03-13)
263
+
264
+ **Note:** Version bump only for package @operato/dataset
265
+
266
+
267
+
268
+
269
+
270
+ ## [1.0.0-alpha.12](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.11...v1.0.0-alpha.12) (2022-03-13)
271
+
272
+ **Note:** Version bump only for package @operato/dataset
273
+
274
+
275
+
276
+
277
+
278
+ ## [1.0.0-alpha.11](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.10...v1.0.0-alpha.11) (2022-03-12)
279
+
280
+ **Note:** Version bump only for package @operato/dataset
281
+
282
+
283
+
284
+
285
+
286
+ ## [1.0.0-alpha.10](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.9...v1.0.0-alpha.10) (2022-03-12)
287
+
288
+ **Note:** Version bump only for package @operato/dataset
289
+
290
+
291
+
292
+
293
+
294
+ ## [1.0.0-alpha.9](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.8...v1.0.0-alpha.9) (2022-03-12)
295
+
296
+ **Note:** Version bump only for package @operato/dataset
297
+
298
+
299
+
300
+
301
+
302
+ ## [1.0.0-alpha.8](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.7...v1.0.0-alpha.8) (2022-03-11)
303
+
304
+ **Note:** Version bump only for package @operato/dataset
305
+
306
+
307
+
308
+
309
+
310
+ ## [1.0.0-alpha.7](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.6...v1.0.0-alpha.7) (2022-03-11)
311
+
312
+ **Note:** Version bump only for package @operato/dataset
313
+
314
+
315
+
316
+
317
+
318
+ ## [1.0.0-alpha.6](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.5...v1.0.0-alpha.6) (2022-03-11)
319
+
320
+
321
+ ### :bug: Bug Fix
322
+
323
+ * ox-data-entry-form style ([c94c833](https://github.com/hatiolab/operato/commit/c94c8338aee8cf3e69c286e6af7cb2b5f081bbc7))
324
+
325
+
326
+
327
+ ## [1.0.0-alpha.5](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.4...v1.0.0-alpha.5) (2022-03-11)
328
+
329
+
330
+ ### :bug: Bug Fix
331
+
332
+ * data entry style ([d3dc3a6](https://github.com/hatiolab/operato/commit/d3dc3a6612c75597162621bd22421fa8d808cb13))
333
+
334
+
335
+
6
336
  ## [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
337
 
8
338
 
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>