@operato/dataset 1.0.0-beta.7 → 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/CHANGELOG.md +379 -0
- package/dist/src/grist-editor/ox-grist-editor-data-item-spec.js +1 -1
- package/dist/src/grist-editor/ox-grist-editor-data-item-spec.js.map +1 -1
- package/dist/src/grist-editor/ox-popup-data-item-spec.js +6 -4
- package/dist/src/grist-editor/ox-popup-data-item-spec.js.map +1 -1
- package/dist/src/index.d.ts +1 -5
- package/dist/src/index.js +1 -5
- package/dist/src/index.js.map +1 -1
- package/dist/src/ox-data-entry-form.js +24 -4
- package/dist/src/ox-data-entry-form.js.map +1 -1
- package/dist/src/ox-data-item-spec.d.ts +2 -2
- package/dist/src/ox-data-item-spec.js +71 -14
- package/dist/src/ox-data-item-spec.js.map +1 -1
- package/dist/src/ox-data-ooc-view.js +73 -14
- package/dist/src/ox-data-ooc-view.js.map +1 -1
- package/dist/src/ox-data-sample-view.d.ts +1 -3
- package/dist/src/ox-data-sample-view.js +40 -38
- package/dist/src/ox-data-sample-view.js.map +1 -1
- package/dist/src/types.d.ts +25 -6
- package/dist/src/types.js.map +1 -1
- package/dist/src/usecase/ccp/index.d.ts +1 -0
- package/dist/src/usecase/ccp/index.js +8 -0
- package/dist/src/usecase/ccp/index.js.map +1 -0
- package/dist/src/usecase/ccp/ox-data-use-case-ccp.d.ts +7 -0
- package/dist/src/usecase/ccp/ox-data-use-case-ccp.js +102 -0
- package/dist/src/usecase/ccp/ox-data-use-case-ccp.js.map +1 -0
- package/dist/src/usecase/ccp/ox-input-ccp-limits.d.ts +44 -0
- package/dist/src/usecase/ccp/ox-input-ccp-limits.js +171 -0
- package/dist/src/usecase/ccp/ox-input-ccp-limits.js.map +1 -0
- package/dist/src/usecase/ccp/ox-property-editor-ccp-limits.d.ts +5 -0
- package/dist/src/usecase/ccp/ox-property-editor-ccp-limits.js +24 -0
- package/dist/src/usecase/ccp/ox-property-editor-ccp-limits.js.map +1 -0
- package/dist/src/{ox-data-use-case.d.ts → usecase/ox-data-use-case.d.ts} +5 -5
- package/dist/src/{ox-data-use-case.js → usecase/ox-data-use-case.js} +22 -34
- package/dist/src/usecase/ox-data-use-case.js.map +1 -0
- package/dist/src/usecase/qc/index.d.ts +1 -0
- package/dist/src/usecase/qc/index.js +8 -0
- package/dist/src/usecase/qc/index.js.map +1 -0
- package/dist/src/usecase/qc/ox-data-use-case-qc.d.ts +7 -0
- package/dist/src/usecase/qc/ox-data-use-case-qc.js +55 -0
- package/dist/src/usecase/qc/ox-data-use-case-qc.js.map +1 -0
- package/dist/src/usecase/qc/ox-input-qc-limits.d.ts +44 -0
- package/dist/src/usecase/qc/ox-input-qc-limits.js +171 -0
- package/dist/src/usecase/qc/ox-input-qc-limits.js.map +1 -0
- package/dist/src/usecase/qc/ox-property-editor-qc-limits.d.ts +5 -0
- package/dist/src/usecase/qc/ox-property-editor-qc-limits.js +24 -0
- package/dist/src/usecase/qc/ox-property-editor-qc-limits.js.map +1 -0
- package/dist/stories/ox-data-entry-form.stories.d.ts +19 -0
- package/dist/stories/ox-data-entry-form.stories.js +152 -0
- package/dist/stories/ox-data-entry-form.stories.js.map +1 -0
- package/dist/stories/ox-data-item-spec.stories.d.ts +26 -0
- package/dist/stories/ox-data-item-spec.stories.js +102 -0
- package/dist/stories/ox-data-item-spec.stories.js.map +1 -0
- package/dist/stories/ox-data-ooc-view.stories.d.ts +19 -0
- package/dist/stories/ox-data-ooc-view.stories.js +242 -0
- package/dist/stories/ox-data-ooc-view.stories.js.map +1 -0
- package/dist/stories/ox-data-sample-view.stories.d.ts +19 -0
- package/dist/stories/ox-data-sample-view.stories.js +213 -0
- package/dist/stories/ox-data-sample-view.stories.js.map +1 -0
- package/dist/stories/ox-grist-editor-data-item-spec.stories.d.ts +27 -0
- package/dist/stories/ox-grist-editor-data-item-spec.stories.js +389 -0
- package/dist/stories/ox-grist-editor-data-item-spec.stories.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +24 -18
- package/src/grist-editor/ox-grist-editor-data-item-spec.ts +1 -1
- package/src/grist-editor/ox-popup-data-item-spec.ts +8 -5
- package/src/index.ts +1 -5
- package/src/ox-data-entry-form.ts +24 -4
- package/src/ox-data-item-spec.ts +73 -16
- package/src/ox-data-ooc-view.ts +73 -14
- package/src/ox-data-sample-view.ts +43 -39
- package/src/types.ts +31 -6
- package/src/usecase/ccp/index.ts +10 -0
- package/src/usecase/ccp/ox-data-use-case-ccp.ts +147 -0
- package/src/usecase/ccp/ox-input-ccp-limits.ts +161 -0
- package/src/usecase/ccp/ox-property-editor-ccp-limits.ts +23 -0
- package/src/{ox-data-use-case.ts → usecase/ox-data-use-case.ts} +27 -41
- package/src/usecase/qc/index.ts +10 -0
- package/src/usecase/qc/ox-data-use-case-qc.ts +72 -0
- package/src/usecase/qc/ox-input-qc-limits.ts +161 -0
- package/src/usecase/qc/ox-property-editor-qc-limits.ts +23 -0
- package/stories/ox-data-entry-form.stories.ts +165 -0
- package/stories/ox-data-item-spec.stories.ts +121 -0
- package/stories/ox-data-ooc-view.stories.ts +256 -0
- package/stories/ox-data-sample-view.stories.ts +227 -0
- package/stories/ox-grist-editor-data-item-spec.stories.ts +409 -0
- package/translations/en.json +26 -8
- package/translations/ko.json +25 -7
- package/translations/ms.json +26 -8
- package/translations/zh.json +25 -7
- package/demo/index.html +0 -28
- package/demo/ox-data-entry-form.html +0 -118
- package/demo/ox-data-item-spec.html +0 -152
- package/demo/ox-data-ooc-view.html +0 -185
- package/demo/ox-data-sample-view.html +0 -150
- package/demo/ox-grist-editor-data-item-spec.html +0 -476
- package/dist/src/ox-data-sample-view copy.d.ts +0 -13
- package/dist/src/ox-data-sample-view copy.js +0 -214
- package/dist/src/ox-data-sample-view copy.js.map +0 -1
- package/dist/src/ox-data-use-case.js.map +0 -1
package/translations/ko.json
CHANGED
|
@@ -3,24 +3,28 @@
|
|
|
3
3
|
"button.reviewed": "검토완료",
|
|
4
4
|
"field.appliance": "어플라이언스",
|
|
5
5
|
"field.collected_at": "수집일시",
|
|
6
|
+
"field.collected-at": "수집 일자",
|
|
7
|
+
"field.corrected-at": "조치 시간",
|
|
8
|
+
"field.corrective action": "개선 조치",
|
|
6
9
|
"field.corrective-action": "조치 활동",
|
|
7
10
|
"field.corrector": "조치자",
|
|
8
|
-
"field.
|
|
9
|
-
"field.data": "데이타",
|
|
11
|
+
"field.critical control point": "중점 관리점",
|
|
10
12
|
"field.data-sample": "데이타 샘플",
|
|
11
13
|
"field.data-set": "데이타셋",
|
|
14
|
+
"field.data": "데이타",
|
|
12
15
|
"field.device-id": "디바이스 아이디",
|
|
13
16
|
"field.entry-role": "입력담당 역할",
|
|
14
17
|
"field.entry-type": "입력용 화면종류",
|
|
15
18
|
"field.entry-view": "입력용 화면",
|
|
16
19
|
"field.hidden": "숨기기",
|
|
20
|
+
"field.item": "항목",
|
|
17
21
|
"field.latest-collected-at": "최근 수집 시간",
|
|
18
22
|
"field.monitor-type": "모니터용 화면종류",
|
|
19
23
|
"field.monitor-view": "모니터용 화면",
|
|
20
24
|
"field.netmask": "네트워크마스크",
|
|
21
25
|
"field.next-schedule": "다음 수집계획",
|
|
22
|
-
"field.oos": "허용한계 이탈여부",
|
|
23
26
|
"field.ooc": "관리한계 이탈여부",
|
|
27
|
+
"field.oos": "허용한계 이탈여부",
|
|
24
28
|
"field.options": "선택옵션",
|
|
25
29
|
"field.partition-keys": "파티션 키",
|
|
26
30
|
"field.prev-schedule": "이전 수집계획",
|
|
@@ -38,19 +42,33 @@
|
|
|
38
42
|
"field.use-case": "사용 사례",
|
|
39
43
|
"field.work-date": "작업기준일",
|
|
40
44
|
"field.work-shift": "교대근무조",
|
|
45
|
+
"label.acceptables": "허용값",
|
|
46
|
+
"label.critical-limits": "허용 한계",
|
|
47
|
+
"label.maximum value": "최대값",
|
|
48
|
+
"label.minimum value": "최소값",
|
|
49
|
+
"label.pass-limits": "허용 한계",
|
|
50
|
+
"label.target-limits": "목표 한계",
|
|
41
51
|
"text.automatically collected": "자동 수집",
|
|
42
|
-
"text.
|
|
52
|
+
"text.control limit": "허용 한계",
|
|
43
53
|
"text.data ooc updated successfully": "이탈데이타 내용이 수정되었습니다",
|
|
54
|
+
"text.data sample created successfully": "데이타 샘플이 성공적으로 생성되었습니다",
|
|
44
55
|
"text.manually collected": "수동 수집",
|
|
56
|
+
"text.maximum value": "최대값",
|
|
57
|
+
"text.measurement": "측정",
|
|
58
|
+
"text.minimum value": "최소값",
|
|
59
|
+
"text.observation": "관찰",
|
|
60
|
+
"text.operating limit": "목표 기준",
|
|
61
|
+
"text.target limit": "목표 기준",
|
|
45
62
|
"title.data-entry-form": "데이타 입력",
|
|
46
63
|
"title.data-item list": "데이타 아이템 조회",
|
|
47
64
|
"title.data-monitor-view": "데이타 모니터",
|
|
48
|
-
"title.data-report-view": "데이타 리포트",
|
|
49
65
|
"title.data-ooc list": "데이타 이탈점 조회",
|
|
50
66
|
"title.data-ooc view": "데이타 이탈점 상세",
|
|
67
|
+
"title.data-report-view": "데이타 리포트",
|
|
51
68
|
"title.data-sample list": "데이타 샘플 조회",
|
|
52
69
|
"title.data-sample view": "데이타 샘플 상세",
|
|
53
70
|
"title.data-sensor list": "데이타 센서 조회",
|
|
54
71
|
"title.data-set list": "데이타 셋 조회",
|
|
55
|
-
"title.edit code": "코드 편집"
|
|
56
|
-
|
|
72
|
+
"title.edit code": "코드 편집",
|
|
73
|
+
"title.history": "이력"
|
|
74
|
+
}
|
package/translations/ms.json
CHANGED
|
@@ -3,25 +3,29 @@
|
|
|
3
3
|
"button.reviewed": "reviewed",
|
|
4
4
|
"field.appliance": "appliance",
|
|
5
5
|
"field.collected_at": "collected at",
|
|
6
|
+
"field.collected-at": "collected at",
|
|
7
|
+
"field.corrected-at": "corrected at",
|
|
8
|
+
"field.corrective action": "corrective action",
|
|
6
9
|
"field.corrective-action": "corrective action",
|
|
7
10
|
"field.corrector": "corrector",
|
|
8
|
-
"field.
|
|
9
|
-
"field.data": "data",
|
|
11
|
+
"field.critical control point": "critical control point",
|
|
10
12
|
"field.data-sample": "data sample",
|
|
11
13
|
"field.data-set": "data set",
|
|
14
|
+
"field.data": "data",
|
|
12
15
|
"field.device-id": "device id",
|
|
13
16
|
"field.entry-role": "entry role",
|
|
14
17
|
"field.entry-type": "entry type",
|
|
15
18
|
"field.entry-view": "entry view",
|
|
19
|
+
"field.hidden": "hidden",
|
|
20
|
+
"field.item": "item",
|
|
16
21
|
"field.latest-collected-at": "latest collected at",
|
|
17
22
|
"field.monitor-type": "monitor type",
|
|
18
23
|
"field.monitor-view": "monitor view",
|
|
19
24
|
"field.netmask": "network mask",
|
|
20
25
|
"field.next-schedule": "next schedule",
|
|
21
|
-
"field.oos": "out of critical limit",
|
|
22
26
|
"field.ooc": "out of control limit",
|
|
27
|
+
"field.oos": "out of critical limit",
|
|
23
28
|
"field.options": "options",
|
|
24
|
-
"field.hidden": "hidden",
|
|
25
29
|
"field.partition-keys": "partition keys",
|
|
26
30
|
"field.prev-schedule": "previous schedule",
|
|
27
31
|
"field.quota": "sampling #",
|
|
@@ -38,19 +42,33 @@
|
|
|
38
42
|
"field.use-case": "use case",
|
|
39
43
|
"field.work-date": "work date",
|
|
40
44
|
"field.work-shift": "work shift",
|
|
45
|
+
"label.acceptables": "acceptables",
|
|
46
|
+
"label.critical-limits": "critical limits",
|
|
47
|
+
"label.maximum value": "maximum value",
|
|
48
|
+
"label.minimum value": "minimum value",
|
|
49
|
+
"label.pass-limits": "pass limits",
|
|
50
|
+
"label.target-limits": "target limits",
|
|
41
51
|
"text.automatically collected": "automatically collected",
|
|
42
|
-
"text.
|
|
52
|
+
"text.control limit": "control limit",
|
|
43
53
|
"text.data ooc updated successfully": "a data ooc updated successfully",
|
|
54
|
+
"text.data sample created successfully": "a data sample created successfully",
|
|
44
55
|
"text.manually collected": "manually collected",
|
|
56
|
+
"text.maximum value": "maximum value",
|
|
57
|
+
"text.measurement": "measurement",
|
|
58
|
+
"text.minimum value": "minimum value",
|
|
59
|
+
"text.observation": "observation",
|
|
60
|
+
"text.operating limit": "operating limit",
|
|
61
|
+
"text.target limit": "target limit",
|
|
45
62
|
"title.data-entry-form": "data entry form",
|
|
46
63
|
"title.data-item list": "data item list",
|
|
47
64
|
"title.data-monitor-view": "data monitor view",
|
|
48
|
-
"title.data-report-view": "data report view",
|
|
49
65
|
"title.data-ooc list": "data OOC list",
|
|
50
66
|
"title.data-ooc view": "data OOC view",
|
|
67
|
+
"title.data-report-view": "data report view",
|
|
51
68
|
"title.data-sample list": "data sample list",
|
|
52
69
|
"title.data-sample view": "data sample view",
|
|
53
70
|
"title.data-sensor list": "data sensor list",
|
|
54
71
|
"title.data-set list": "data set list",
|
|
55
|
-
"title.edit code": "edit code"
|
|
56
|
-
|
|
72
|
+
"title.edit code": "edit code",
|
|
73
|
+
"title.history": "history"
|
|
74
|
+
}
|
package/translations/zh.json
CHANGED
|
@@ -3,24 +3,28 @@
|
|
|
3
3
|
"button.reviewed": "reviewed",
|
|
4
4
|
"field.appliance": "appliance",
|
|
5
5
|
"field.collected_at": "collected at",
|
|
6
|
+
"field.collected-at": "collected at",
|
|
7
|
+
"field.corrected-at": "corrected at",
|
|
8
|
+
"field.corrective action": "corrective action",
|
|
6
9
|
"field.corrective-action": "corrective action",
|
|
7
10
|
"field.corrector": "corrector",
|
|
8
|
-
"field.
|
|
9
|
-
"field.data": "data",
|
|
11
|
+
"field.critical control point": "critical control point",
|
|
10
12
|
"field.data-sample": "data sample",
|
|
11
13
|
"field.data-set": "data set",
|
|
14
|
+
"field.data": "data",
|
|
12
15
|
"field.device-id": "device id",
|
|
13
16
|
"field.entry-role": "entry role",
|
|
14
17
|
"field.entry-type": "entry type",
|
|
15
18
|
"field.entry-view": "entry view",
|
|
16
19
|
"field.hidden": "hidden",
|
|
20
|
+
"field.item": "item",
|
|
17
21
|
"field.latest-collected-at": "latest collected at",
|
|
18
22
|
"field.monitor-type": "monitor type",
|
|
19
23
|
"field.monitor-view": "monitor view",
|
|
20
24
|
"field.netmask": "network mask",
|
|
21
25
|
"field.next-schedule": "next schedule",
|
|
22
|
-
"field.oos": "out of critical limit",
|
|
23
26
|
"field.ooc": "out of control limit",
|
|
27
|
+
"field.oos": "out of critical limit",
|
|
24
28
|
"field.options": "options",
|
|
25
29
|
"field.partition-keys": "partition keys",
|
|
26
30
|
"field.prev-schedule": "previous schedule",
|
|
@@ -38,19 +42,33 @@
|
|
|
38
42
|
"field.use-case": "use case",
|
|
39
43
|
"field.work-date": "work date",
|
|
40
44
|
"field.work-shift": "work shift",
|
|
45
|
+
"label.acceptables": "acceptables",
|
|
46
|
+
"label.critical-limits": "critical limits",
|
|
47
|
+
"label.maximum value": "maximum value",
|
|
48
|
+
"label.minimum value": "minimum value",
|
|
49
|
+
"label.pass-limits": "pass limits",
|
|
50
|
+
"label.target-limits": "target limits",
|
|
41
51
|
"text.automatically collected": "automatically collected",
|
|
42
|
-
"text.
|
|
52
|
+
"text.control limit": "control limit",
|
|
43
53
|
"text.data ooc updated successfully": "a data ooc updated successfully",
|
|
54
|
+
"text.data sample created successfully": "a data sample created successfully",
|
|
44
55
|
"text.manually collected": "manually collected",
|
|
56
|
+
"text.maximum value": "maximum value",
|
|
57
|
+
"text.measurement": "measurement",
|
|
58
|
+
"text.minimum value": "minimum value",
|
|
59
|
+
"text.observation": "observation",
|
|
60
|
+
"text.operating limit": "operating limit",
|
|
61
|
+
"text.target limit": "target limit",
|
|
45
62
|
"title.data-entry-form": "data entry form",
|
|
46
63
|
"title.data-item list": "data item list",
|
|
47
64
|
"title.data-monitor-view": "data monitor view",
|
|
48
|
-
"title.data-report-view": "data report view",
|
|
49
65
|
"title.data-ooc list": "data OOC list",
|
|
50
66
|
"title.data-ooc view": "data OOC view",
|
|
67
|
+
"title.data-report-view": "data report view",
|
|
51
68
|
"title.data-sample list": "data sample list",
|
|
52
69
|
"title.data-sample view": "data sample view",
|
|
53
70
|
"title.data-sensor list": "data sensor list",
|
|
54
71
|
"title.data-set list": "data set list",
|
|
55
|
-
"title.edit code": "edit code"
|
|
56
|
-
|
|
72
|
+
"title.edit code": "edit code",
|
|
73
|
+
"title.history": "history"
|
|
74
|
+
}
|
package/demo/index.html
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
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
|
-
a {
|
|
12
|
-
display: block;
|
|
13
|
-
}
|
|
14
|
-
</style>
|
|
15
|
-
|
|
16
|
-
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
|
|
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
|
-
</head>
|
|
21
|
-
<body>
|
|
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>
|
|
27
|
-
</body>
|
|
28
|
-
</html>
|
|
@@ -1,118 +0,0 @@
|
|
|
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>
|
|
@@ -1,152 +0,0 @@
|
|
|
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
|
-
|
|
25
|
-
import '@operato/property-editor/ox-property-editor-checkbox.js'
|
|
26
|
-
import '@operato/property-editor/ox-property-editor-number.js'
|
|
27
|
-
import '@operato/property-editor/ox-property-editor-string.js'
|
|
28
|
-
|
|
29
|
-
import '@operato/property-editor/ox-properties-dynamic-view.js'
|
|
30
|
-
|
|
31
|
-
import { OxPropertyEditor } from '@operato/property-editor'
|
|
32
|
-
|
|
33
|
-
OxPropertyEditor.register({
|
|
34
|
-
number: 'ox-property-editor-number',
|
|
35
|
-
string: 'ox-property-editor-string',
|
|
36
|
-
boolean: 'ox-property-editor-checkbox'
|
|
37
|
-
})
|
|
38
|
-
|
|
39
|
-
import { OxDataUseCase } from '../dist/src/ox-data-use-case.js'
|
|
40
|
-
import '../dist/src/ox-data-item-spec.js'
|
|
41
|
-
|
|
42
|
-
const parent = document.querySelector('#demo')
|
|
43
|
-
|
|
44
|
-
const ccpUseCase = {
|
|
45
|
-
getSpecification: dataItem => {
|
|
46
|
-
return {
|
|
47
|
-
name: 'ccp',
|
|
48
|
-
description: 'ccp specs',
|
|
49
|
-
specs: [
|
|
50
|
-
{
|
|
51
|
-
type: 'number',
|
|
52
|
-
label: 'critical limits',
|
|
53
|
-
name: 'criticalLimits',
|
|
54
|
-
property: dataItem
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
type: 'string',
|
|
58
|
-
label: 'target limits',
|
|
59
|
-
name: 'targetLimits',
|
|
60
|
-
property: dataItem
|
|
61
|
-
}
|
|
62
|
-
]
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
const qcUseCase = {
|
|
68
|
-
getSpecification: dataItem => {
|
|
69
|
-
return {
|
|
70
|
-
name: 'qc',
|
|
71
|
-
description: 'qc specs',
|
|
72
|
-
specs: [
|
|
73
|
-
{
|
|
74
|
-
type: 'number',
|
|
75
|
-
label: 'critical limits',
|
|
76
|
-
name: 'criticalLimits',
|
|
77
|
-
property: dataItem
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
type: 'boolean',
|
|
81
|
-
label: 'target limits',
|
|
82
|
-
name: 'targetLimits',
|
|
83
|
-
property: dataItem
|
|
84
|
-
}
|
|
85
|
-
]
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
OxDataUseCase.registerUseCase('ccp', ccpUseCase)
|
|
91
|
-
OxDataUseCase.registerUseCase('qc', qcUseCase)
|
|
92
|
-
|
|
93
|
-
const dataItemA = {
|
|
94
|
-
name: '창고 온도',
|
|
95
|
-
description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',
|
|
96
|
-
sequence: 1,
|
|
97
|
-
tag: 'temp',
|
|
98
|
-
unit: '℃',
|
|
99
|
-
type: 'number',
|
|
100
|
-
quota: 1
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
const dataItemB = {
|
|
104
|
-
name: '품평',
|
|
105
|
-
description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',
|
|
106
|
-
sequence: 4,
|
|
107
|
-
tag: 'evaluation',
|
|
108
|
-
type: 'select',
|
|
109
|
-
options: {
|
|
110
|
-
options: [
|
|
111
|
-
{ text: '최우수', value: '최우수' },
|
|
112
|
-
{ text: '우수', value: '우수' },
|
|
113
|
-
{ text: '보통', value: '보통' },
|
|
114
|
-
{ text: '미달', value: '미달' }
|
|
115
|
-
]
|
|
116
|
-
},
|
|
117
|
-
quota: 3
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
const dataItemC = {
|
|
121
|
-
name: '코멘트',
|
|
122
|
-
description: '특이사항을 기록함.',
|
|
123
|
-
sequence: 4,
|
|
124
|
-
tag: 'comment',
|
|
125
|
-
type: 'string',
|
|
126
|
-
quota: 1
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
var specA = {
|
|
130
|
-
ccp: { criticalLimits: 1000, targetLimits: true },
|
|
131
|
-
qc: { criticalLimits: 400, targetLimits: false }
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
var specB = {
|
|
135
|
-
ccp: { accpetables: ['최우수', '우수'] },
|
|
136
|
-
qc: { accpetables: ['최우수', '우수'] }
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
render(
|
|
140
|
-
html`<ox-data-item-spec
|
|
141
|
-
.dataItem=${dataItemA}
|
|
142
|
-
.value=${specA}
|
|
143
|
-
@change=${e => {
|
|
144
|
-
specA = e.detail
|
|
145
|
-
console.log('change', specA)
|
|
146
|
-
}}
|
|
147
|
-
></ox-data-item-spec>`,
|
|
148
|
-
parent
|
|
149
|
-
)
|
|
150
|
-
</script>
|
|
151
|
-
</body>
|
|
152
|
-
</html>
|