@things-factory/dataset 6.2.66 → 6.2.69
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/client/activities/activity-ooc-resolve-edit.ts +23 -7
- package/client/activities/activity-ooc-review-edit.ts +12 -5
- package/dist-client/activities/activity-ooc-resolve-edit.js +23 -7
- package/dist-client/activities/activity-ooc-resolve-edit.js.map +1 -1
- package/dist-client/activities/activity-ooc-review-edit.js +13 -8
- package/dist-client/activities/activity-ooc-review-edit.js.map +1 -1
- package/dist-client/tsconfig.tsbuildinfo +1 -1
- package/dist-server/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -4
- package/translations/en.json +2 -0
- package/translations/ja.json +4 -2
- package/translations/ko.json +2 -0
- package/translations/ms.json +4 -2
- package/translations/zh.json +2 -0
|
@@ -41,13 +41,20 @@ class OocResolveActivityEdit extends localize(i18next)(LitElement) {
|
|
|
41
41
|
padding: var(--padding-wide);
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
|
|
44
|
+
label[instruction] {
|
|
45
45
|
display: flex;
|
|
46
|
+
flex-direction: column;
|
|
47
|
+
|
|
48
|
+
padding: var(--padding-wide);
|
|
46
49
|
}
|
|
47
50
|
|
|
48
|
-
|
|
51
|
+
label[instruction] h2 {
|
|
49
52
|
display: flex;
|
|
50
|
-
|
|
53
|
+
|
|
54
|
+
color: var(--title-text-color);
|
|
55
|
+
text-transform: capitalize;
|
|
56
|
+
margin: var(--title-margin);
|
|
57
|
+
align-items: center;
|
|
51
58
|
}
|
|
52
59
|
|
|
53
60
|
label[action] {
|
|
@@ -57,8 +64,13 @@ class OocResolveActivityEdit extends localize(i18next)(LitElement) {
|
|
|
57
64
|
padding: var(--padding-wide);
|
|
58
65
|
}
|
|
59
66
|
|
|
60
|
-
label[action]
|
|
67
|
+
label[action] h2 {
|
|
61
68
|
display: flex;
|
|
69
|
+
|
|
70
|
+
color: var(--title-text-color);
|
|
71
|
+
text-transform: capitalize;
|
|
72
|
+
margin: var(--title-margin);
|
|
73
|
+
align-items: center;
|
|
62
74
|
}
|
|
63
75
|
|
|
64
76
|
mwc-icon {
|
|
@@ -70,6 +82,10 @@ class OocResolveActivityEdit extends localize(i18next)(LitElement) {
|
|
|
70
82
|
border-radius: var(--input-border-radius);
|
|
71
83
|
padding: var(--input-field-padding);
|
|
72
84
|
font: var(--input-field-font);
|
|
85
|
+
|
|
86
|
+
resize: none;
|
|
87
|
+
outline: none;
|
|
88
|
+
min-height: 200px;
|
|
73
89
|
}
|
|
74
90
|
|
|
75
91
|
.button-container {
|
|
@@ -96,14 +112,14 @@ class OocResolveActivityEdit extends localize(i18next)(LitElement) {
|
|
|
96
112
|
</div>
|
|
97
113
|
|
|
98
114
|
<div instruction>
|
|
99
|
-
<
|
|
115
|
+
<h2><mwc-icon>build_circle</mwc-icon> <span>${i18next.t('label.corrective instruction')}</span></h2>
|
|
100
116
|
<div content>${this.input?.instruction}</div>
|
|
101
117
|
</div>
|
|
102
118
|
|
|
103
119
|
<label action>
|
|
104
|
-
<
|
|
120
|
+
<h2><mwc-icon>build_circle</mwc-icon> <span>${i18next.t('label.corrective action')}</span></h2>
|
|
105
121
|
<textarea
|
|
106
|
-
placeholder
|
|
122
|
+
placeholder=${String(i18next.t('text.corrective action placeholder'))}
|
|
107
123
|
.value=${action || ''}
|
|
108
124
|
@change=${this.onChangeAction}
|
|
109
125
|
></textarea>
|
|
@@ -41,8 +41,13 @@ class OocReviewActivityEdit extends localize(i18next)(LitElement) {
|
|
|
41
41
|
padding: var(--padding-wide);
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
label[instruction]
|
|
44
|
+
label[instruction] h2 {
|
|
45
45
|
display: flex;
|
|
46
|
+
|
|
47
|
+
color: var(--title-text-color);
|
|
48
|
+
text-transform: capitalize;
|
|
49
|
+
margin: var(--title-margin);
|
|
50
|
+
align-items: center;
|
|
46
51
|
}
|
|
47
52
|
|
|
48
53
|
mwc-icon {
|
|
@@ -54,6 +59,10 @@ class OocReviewActivityEdit extends localize(i18next)(LitElement) {
|
|
|
54
59
|
border-radius: var(--input-border-radius);
|
|
55
60
|
padding: var(--input-field-padding);
|
|
56
61
|
font: var(--input-field-font);
|
|
62
|
+
|
|
63
|
+
resize: none;
|
|
64
|
+
outline: none;
|
|
65
|
+
min-height: 200px;
|
|
57
66
|
}
|
|
58
67
|
|
|
59
68
|
.button-container {
|
|
@@ -69,8 +78,6 @@ class OocReviewActivityEdit extends localize(i18next)(LitElement) {
|
|
|
69
78
|
|
|
70
79
|
@state() dataOoc?: any
|
|
71
80
|
|
|
72
|
-
@query('textarea') instructionTextArea!: HTMLTextAreaElement
|
|
73
|
-
|
|
74
81
|
render() {
|
|
75
82
|
const instruction = this.output?.instruction
|
|
76
83
|
|
|
@@ -80,9 +87,9 @@ class OocReviewActivityEdit extends localize(i18next)(LitElement) {
|
|
|
80
87
|
</div>
|
|
81
88
|
|
|
82
89
|
<label instruction>
|
|
83
|
-
<
|
|
90
|
+
<h2><mwc-icon>build_circle</mwc-icon> <span>${i18next.t('label.corrective instruction')}</span></h2>
|
|
84
91
|
<textarea
|
|
85
|
-
placeholder
|
|
92
|
+
placeholder=${String(i18next.t('text.corrective instruction placeholder'))}
|
|
86
93
|
.value=${instruction || ''}
|
|
87
94
|
@change=${this.onChangeInstruction}
|
|
88
95
|
></textarea>
|
|
@@ -16,14 +16,14 @@ let OocResolveActivityEdit = class OocResolveActivityEdit extends localize(i18ne
|
|
|
16
16
|
</div>
|
|
17
17
|
|
|
18
18
|
<div instruction>
|
|
19
|
-
<
|
|
19
|
+
<h2><mwc-icon>build_circle</mwc-icon> <span>${i18next.t('label.corrective instruction')}</span></h2>
|
|
20
20
|
<div content>${(_b = this.input) === null || _b === void 0 ? void 0 : _b.instruction}</div>
|
|
21
21
|
</div>
|
|
22
22
|
|
|
23
23
|
<label action>
|
|
24
|
-
<
|
|
24
|
+
<h2><mwc-icon>build_circle</mwc-icon> <span>${i18next.t('label.corrective action')}</span></h2>
|
|
25
25
|
<textarea
|
|
26
|
-
placeholder
|
|
26
|
+
placeholder=${String(i18next.t('text.corrective action placeholder'))}
|
|
27
27
|
.value=${action || ''}
|
|
28
28
|
@change=${this.onChangeAction}
|
|
29
29
|
></textarea>
|
|
@@ -118,13 +118,20 @@ OocResolveActivityEdit.styles = [
|
|
|
118
118
|
padding: var(--padding-wide);
|
|
119
119
|
}
|
|
120
120
|
|
|
121
|
-
|
|
121
|
+
label[instruction] {
|
|
122
122
|
display: flex;
|
|
123
|
+
flex-direction: column;
|
|
124
|
+
|
|
125
|
+
padding: var(--padding-wide);
|
|
123
126
|
}
|
|
124
127
|
|
|
125
|
-
|
|
128
|
+
label[instruction] h2 {
|
|
126
129
|
display: flex;
|
|
127
|
-
|
|
130
|
+
|
|
131
|
+
color: var(--title-text-color);
|
|
132
|
+
text-transform: capitalize;
|
|
133
|
+
margin: var(--title-margin);
|
|
134
|
+
align-items: center;
|
|
128
135
|
}
|
|
129
136
|
|
|
130
137
|
label[action] {
|
|
@@ -134,8 +141,13 @@ OocResolveActivityEdit.styles = [
|
|
|
134
141
|
padding: var(--padding-wide);
|
|
135
142
|
}
|
|
136
143
|
|
|
137
|
-
label[action]
|
|
144
|
+
label[action] h2 {
|
|
138
145
|
display: flex;
|
|
146
|
+
|
|
147
|
+
color: var(--title-text-color);
|
|
148
|
+
text-transform: capitalize;
|
|
149
|
+
margin: var(--title-margin);
|
|
150
|
+
align-items: center;
|
|
139
151
|
}
|
|
140
152
|
|
|
141
153
|
mwc-icon {
|
|
@@ -147,6 +159,10 @@ OocResolveActivityEdit.styles = [
|
|
|
147
159
|
border-radius: var(--input-border-radius);
|
|
148
160
|
padding: var(--input-field-padding);
|
|
149
161
|
font: var(--input-field-font);
|
|
162
|
+
|
|
163
|
+
resize: none;
|
|
164
|
+
outline: none;
|
|
165
|
+
min-height: 200px;
|
|
150
166
|
}
|
|
151
167
|
|
|
152
168
|
.button-container {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"activity-ooc-resolve-edit.js","sourceRoot":"","sources":["../../client/activities/activity-ooc-resolve-edit.ts"],"names":[],"mappings":";AAAA,OAAO,yCAAyC,CAAA;AAEhD,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGjD,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"activity-ooc-resolve-edit.js","sourceRoot":"","sources":["../../client/activities/activity-ooc-resolve-edit.ts"],"names":[],"mappings":";AAAA,OAAO,yCAAyC,CAAA;AAEhD,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGjD,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IA8FhE,MAAM;;QACJ,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,CAAA;QAElC,OAAO,IAAI,CAAA;;2CAE4B,IAAI,CAAC,OAAO;;;;2DAII,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC;uBAC7E,MAAA,IAAI,CAAC,KAAK,0CAAE,WAAW;;;;2DAIa,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC;;wBAEvE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC;mBAC5D,MAAM,IAAI,EAAE;oBACX,IAAI,CAAC,cAAc;;;KAGlC,CAAA;IACH,CAAC;IAED,cAAc,CAAC,CAAQ;QACrB,IAAI,CAAC,MAAM,KAAX,IAAI,CAAC,MAAM,GAAK,EAAE,EAAA;QAClB,IAAI,CAAC,MAAM,CAAC,MAAM,GAAI,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAA;QAE5D,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACxB,IAAI,CAAC,YAAY,EAAE,CAAA;SACpB;IACH,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAA;QAE/B,IAAI,EAAE,EAAE;YACN,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAgCT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;SACrC;IACH,CAAC;;AAnLM,6BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiFF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qDAAY;AACvC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;sDAAa;AAExC;IAAC,KAAK,EAAE;;uDAAc;AAEtB;IAAC,KAAK,CAAC,UAAU,CAAC;8BAAkB,mBAAmB;8DAAA;AA5FnD,sBAAsB;IAD3B,aAAa,CAAC,2BAA2B,CAAC;GACrC,sBAAsB,CAqL3B","sourcesContent":["import '@operato/dataset/ox-data-sample-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('activity-ooc-resolve-edit')\nclass OocResolveActivityEdit extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n }\n\n div[content] {\n flex: 1;\n flex-direction: column;\n\n display: flex;\n overflow: auto;\n }\n\n ox-data-sample-view {\n flex: 1;\n padding: var(--padding-wide);\n overflow: auto;\n }\n\n div[instruction] {\n display: flex;\n flex-direction: column;\n\n padding: var(--padding-wide);\n }\n\n label[instruction] {\n display: flex;\n flex-direction: column;\n\n padding: var(--padding-wide);\n }\n\n label[instruction] h2 {\n display: flex;\n\n color: var(--title-text-color);\n text-transform: capitalize;\n margin: var(--title-margin);\n align-items: center;\n }\n\n label[action] {\n display: flex;\n flex-direction: column;\n\n padding: var(--padding-wide);\n }\n\n label[action] h2 {\n display: flex;\n\n color: var(--title-text-color);\n text-transform: capitalize;\n margin: var(--title-margin);\n align-items: center;\n }\n\n mwc-icon {\n color: var(--status-danger-color);\n }\n\n textarea {\n border: var(--input-field-border);\n border-radius: var(--input-border-radius);\n padding: var(--input-field-padding);\n font: var(--input-field-font);\n\n resize: none;\n outline: none;\n min-height: 200px;\n }\n\n .button-container {\n display: flex;\n margin-left: auto;\n padding: var(--padding-default);\n }\n `\n ]\n\n @property({ type: Object }) input?: any\n @property({ type: Object }) output?: any\n\n @state() dataOoc?: any\n\n @query('textarea') actionTextArea!: HTMLTextAreaElement\n\n render() {\n const action = this.output?.action\n\n return html`\n <div content>\n <ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>\n </div>\n\n <div instruction>\n <h2><mwc-icon>build_circle</mwc-icon> <span>${i18next.t('label.corrective instruction')}</span></h2>\n <div content>${this.input?.instruction}</div>\n </div>\n\n <label action>\n <h2><mwc-icon>build_circle</mwc-icon> <span>${i18next.t('label.corrective action')}</span></h2>\n <textarea\n placeholder=${String(i18next.t('text.corrective action placeholder'))}\n .value=${action || ''}\n @change=${this.onChangeAction}\n ></textarea>\n </label>\n `\n }\n\n onChangeAction(e: Event) {\n this.output ||= {}\n this.output.action = (e.target as HTMLTextAreaElement).value\n\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.output\n })\n )\n }\n\n updated(changes) {\n if (changes.has('input')) {\n this.fetchDataOoc()\n }\n }\n\n async fetchDataOoc() {\n const id = this.input.dataOocId\n\n if (id) {\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n dataOoc(id: $id) {\n id\n name\n description\n ooc\n oos\n state\n type\n useCase\n data\n judgment\n dataItems {\n name\n description\n active\n hidden\n tag\n group\n type\n unit\n options\n quota\n spec\n stat\n }\n workDate\n workShift\n collectedAt\n }\n }\n `,\n variables: {\n id\n }\n })\n\n this.dataOoc = response.data.dataOoc\n }\n }\n}\n"]}
|
|
@@ -2,7 +2,7 @@ import { __decorate, __metadata } from "tslib";
|
|
|
2
2
|
import '@operato/dataset/ox-data-sample-view.js';
|
|
3
3
|
import gql from 'graphql-tag';
|
|
4
4
|
import { css, html, LitElement } from 'lit';
|
|
5
|
-
import { customElement, property,
|
|
5
|
+
import { customElement, property, state } from 'lit/decorators.js';
|
|
6
6
|
import { client } from '@operato/graphql';
|
|
7
7
|
import { i18next, localize } from '@operato/i18n';
|
|
8
8
|
import { ScrollbarStyles } from '@operato/styles';
|
|
@@ -16,9 +16,9 @@ let OocReviewActivityEdit = class OocReviewActivityEdit extends localize(i18next
|
|
|
16
16
|
</div>
|
|
17
17
|
|
|
18
18
|
<label instruction>
|
|
19
|
-
<
|
|
19
|
+
<h2><mwc-icon>build_circle</mwc-icon> <span>${i18next.t('label.corrective instruction')}</span></h2>
|
|
20
20
|
<textarea
|
|
21
|
-
placeholder
|
|
21
|
+
placeholder=${String(i18next.t('text.corrective instruction placeholder'))}
|
|
22
22
|
.value=${instruction || ''}
|
|
23
23
|
@change=${this.onChangeInstruction}
|
|
24
24
|
></textarea>
|
|
@@ -114,8 +114,13 @@ OocReviewActivityEdit.styles = [
|
|
|
114
114
|
padding: var(--padding-wide);
|
|
115
115
|
}
|
|
116
116
|
|
|
117
|
-
label[instruction]
|
|
117
|
+
label[instruction] h2 {
|
|
118
118
|
display: flex;
|
|
119
|
+
|
|
120
|
+
color: var(--title-text-color);
|
|
121
|
+
text-transform: capitalize;
|
|
122
|
+
margin: var(--title-margin);
|
|
123
|
+
align-items: center;
|
|
119
124
|
}
|
|
120
125
|
|
|
121
126
|
mwc-icon {
|
|
@@ -127,6 +132,10 @@ OocReviewActivityEdit.styles = [
|
|
|
127
132
|
border-radius: var(--input-border-radius);
|
|
128
133
|
padding: var(--input-field-padding);
|
|
129
134
|
font: var(--input-field-font);
|
|
135
|
+
|
|
136
|
+
resize: none;
|
|
137
|
+
outline: none;
|
|
138
|
+
min-height: 200px;
|
|
130
139
|
}
|
|
131
140
|
|
|
132
141
|
.button-container {
|
|
@@ -148,10 +157,6 @@ __decorate([
|
|
|
148
157
|
state(),
|
|
149
158
|
__metadata("design:type", Object)
|
|
150
159
|
], OocReviewActivityEdit.prototype, "dataOoc", void 0);
|
|
151
|
-
__decorate([
|
|
152
|
-
query('textarea'),
|
|
153
|
-
__metadata("design:type", HTMLTextAreaElement)
|
|
154
|
-
], OocReviewActivityEdit.prototype, "instructionTextArea", void 0);
|
|
155
160
|
OocReviewActivityEdit = __decorate([
|
|
156
161
|
customElement('activity-ooc-review-edit')
|
|
157
162
|
], OocReviewActivityEdit);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"activity-ooc-review-edit.js","sourceRoot":"","sources":["../../client/activities/activity-ooc-review-edit.ts"],"names":[],"mappings":";AAAA,OAAO,yCAAyC,CAAA;AAEhD,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"activity-ooc-review-edit.js","sourceRoot":"","sources":["../../client/activities/activity-ooc-review-edit.ts"],"names":[],"mappings":";AAAA,OAAO,yCAAyC,CAAA;AAEhD,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGjD,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAqE/D,MAAM;;QACJ,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,WAAW,CAAA;QAE5C,OAAO,IAAI,CAAA;;2CAE4B,IAAI,CAAC,OAAO;;;;2DAII,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC;;wBAE5E,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC;mBACjE,WAAW,IAAI,EAAE;oBAChB,IAAI,CAAC,mBAAmB;;;KAGvC,CAAA;IACH,CAAC;IAED,mBAAmB,CAAC,CAAQ;QAC1B,IAAI,CAAC,MAAM,KAAX,IAAI,CAAC,MAAM,GAAK,EAAE,EAAA;QAClB,IAAI,CAAC,MAAM,CAAC,WAAW,GAAI,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAA;QAEjE,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACxB,IAAI,CAAC,YAAY,EAAE,CAAA;SACpB;IACH,CAAC;IAED,KAAK,CAAC,YAAY;;QAChB,MAAM,EAAE,GAAG,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS,CAAA;QAEhC,IAAI,EAAE,EAAE;YACN,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAgCT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;SACrC;IACH,CAAC;;AArJM,4BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0DF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;oDAAY;AACvC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qDAAa;AAExC;IAAC,KAAK,EAAE;;sDAAc;AAnElB,qBAAqB;IAD1B,aAAa,CAAC,0BAA0B,CAAC;GACpC,qBAAqB,CAuJ1B","sourcesContent":["import '@operato/dataset/ox-data-sample-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('activity-ooc-review-edit')\nclass OocReviewActivityEdit extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n }\n\n div[content] {\n flex: 1;\n flex-direction: column;\n\n display: flex;\n overflow: auto;\n }\n\n ox-data-sample-view {\n flex: 1;\n padding: var(--padding-wide);\n overflow: auto;\n }\n\n label[instruction] {\n display: flex;\n flex-direction: column;\n\n padding: var(--padding-wide);\n }\n\n label[instruction] h2 {\n display: flex;\n\n color: var(--title-text-color);\n text-transform: capitalize;\n margin: var(--title-margin);\n align-items: center;\n }\n\n mwc-icon {\n color: var(--status-danger-color);\n }\n\n textarea {\n border: var(--input-field-border);\n border-radius: var(--input-border-radius);\n padding: var(--input-field-padding);\n font: var(--input-field-font);\n\n resize: none;\n outline: none;\n min-height: 200px;\n }\n\n .button-container {\n display: flex;\n margin-left: auto;\n padding: var(--padding-default);\n }\n `\n ]\n\n @property({ type: Object }) input?: any\n @property({ type: Object }) output?: any\n\n @state() dataOoc?: any\n\n render() {\n const instruction = this.output?.instruction\n\n return html`\n <div content>\n <ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>\n </div>\n\n <label instruction>\n <h2><mwc-icon>build_circle</mwc-icon> <span>${i18next.t('label.corrective instruction')}</span></h2>\n <textarea\n placeholder=${String(i18next.t('text.corrective instruction placeholder'))}\n .value=${instruction || ''}\n @change=${this.onChangeInstruction}\n ></textarea>\n </label>\n `\n }\n\n onChangeInstruction(e: Event) {\n this.output ||= {}\n this.output.instruction = (e.target as HTMLTextAreaElement).value\n\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.output\n })\n )\n }\n\n updated(changes) {\n if (changes.has('input')) {\n this.fetchDataOoc()\n }\n }\n\n async fetchDataOoc() {\n const id = this.input?.dataOocId\n\n if (id) {\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n dataOoc(id: $id) {\n id\n name\n description\n ooc\n oos\n state\n type\n useCase\n data\n judgment\n dataItems {\n name\n description\n active\n hidden\n tag\n group\n type\n unit\n options\n quota\n spec\n stat\n }\n workDate\n workShift\n collectedAt\n }\n }\n `,\n variables: {\n id\n }\n })\n\n this.dataOoc = response.data.dataOoc\n }\n }\n}\n"]}
|