@things-factory/dataset 6.2.91 → 6.2.96

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 (30) hide show
  1. package/client/activities/activity-data-collect-edit.ts +1 -7
  2. package/client/activities/activity-data-review-edit.ts +0 -28
  3. package/client/activities/activity-data-review-view.ts +0 -28
  4. package/client/activities/activity-ooc-resolve-edit.ts +41 -46
  5. package/client/activities/activity-ooc-resolve-view.ts +16 -38
  6. package/client/activities/activity-ooc-review-edit.ts +1 -11
  7. package/client/activities/activity-ooc-review-view.ts +0 -22
  8. package/client/bootstrap.ts +5 -9
  9. package/dist-client/activities/activity-data-collect-edit.js +1 -7
  10. package/dist-client/activities/activity-data-collect-edit.js.map +1 -1
  11. package/dist-client/activities/activity-data-review-edit.js +0 -28
  12. package/dist-client/activities/activity-data-review-edit.js.map +1 -1
  13. package/dist-client/activities/activity-data-review-view.js +0 -28
  14. package/dist-client/activities/activity-data-review-view.js.map +1 -1
  15. package/dist-client/activities/activity-ooc-resolve-edit.d.ts +1 -1
  16. package/dist-client/activities/activity-ooc-resolve-edit.js +41 -46
  17. package/dist-client/activities/activity-ooc-resolve-edit.js.map +1 -1
  18. package/dist-client/activities/activity-ooc-resolve-view.d.ts +13 -0
  19. package/dist-client/activities/activity-ooc-resolve-view.js +15 -37
  20. package/dist-client/activities/activity-ooc-resolve-view.js.map +1 -1
  21. package/dist-client/activities/activity-ooc-review-edit.js +1 -11
  22. package/dist-client/activities/activity-ooc-review-edit.js.map +1 -1
  23. package/dist-client/activities/activity-ooc-review-view.js +0 -22
  24. package/dist-client/activities/activity-ooc-review-view.js.map +1 -1
  25. package/dist-client/bootstrap.d.ts +4 -4
  26. package/dist-client/bootstrap.js +4 -4
  27. package/dist-client/bootstrap.js.map +1 -1
  28. package/dist-client/tsconfig.tsbuildinfo +1 -1
  29. package/dist-server/tsconfig.tsbuildinfo +1 -1
  30. package/package.json +12 -12
@@ -38,13 +38,7 @@ export class DataCollectActivityEdit extends localize(i18next)(LitElement) {
38
38
  @query('ox-data-entry-form') entryForm!: OxDataEntryForm
39
39
 
40
40
  render() {
41
- return html`
42
- <ox-data-entry-form
43
- .dataSet=${this.dataSet}
44
- .value=${this.output}
45
- @change=${this._updateDataItems}
46
- ></ox-data-entry-form>
47
- `
41
+ return html` <ox-data-entry-form .dataSet=${this.dataSet} .value=${this.output} @change=${this._updateDataItems}></ox-data-entry-form> `
48
42
  }
49
43
 
50
44
  async _updateDataItems() {
@@ -31,34 +31,6 @@ export class DataReviewActivityEdit extends localize(i18next)(LitElement) {
31
31
  padding: var(--padding-wide);
32
32
  overflow: auto;
33
33
  }
34
-
35
- label[instruction] {
36
- display: flex;
37
- flex-direction: column;
38
-
39
- padding: var(--padding-wide);
40
- }
41
-
42
- label[instruction] div {
43
- display: flex;
44
- }
45
-
46
- mwc-icon {
47
- color: var(--status-danger-color);
48
- }
49
-
50
- textarea {
51
- border: var(--input-field-border);
52
- border-radius: var(--input-border-radius);
53
- padding: var(--input-field-padding);
54
- font: var(--input-field-font);
55
- }
56
-
57
- .button-container {
58
- display: flex;
59
- margin-left: auto;
60
- padding: var(--padding-default);
61
- }
62
34
  `
63
35
  ]
64
36
 
@@ -31,34 +31,6 @@ export class DataReviewActivityView extends localize(i18next)(LitElement) {
31
31
  padding: var(--padding-wide);
32
32
  overflow: auto;
33
33
  }
34
-
35
- label[instruction] {
36
- display: flex;
37
- flex-direction: column;
38
-
39
- padding: var(--padding-wide);
40
- }
41
-
42
- label[instruction] div {
43
- display: flex;
44
- }
45
-
46
- mwc-icon {
47
- color: var(--status-danger-color);
48
- }
49
-
50
- textarea {
51
- border: var(--input-field-border);
52
- border-radius: var(--input-border-radius);
53
- padding: var(--input-field-padding);
54
- font: var(--input-field-font);
55
- }
56
-
57
- .button-container {
58
- display: flex;
59
- margin-left: auto;
60
- padding: var(--padding-default);
61
- }
62
34
  `
63
35
  ]
64
36
 
@@ -1,7 +1,8 @@
1
- import '@operato/dataset/ox-data-sample-view.js'
1
+ import '@operato/dataset/ox-data-ooc-brief-view.js'
2
+ // import '@operato/dataset/ox-data-ooc-correction-part.js'
2
3
 
3
4
  import gql from 'graphql-tag'
4
- import { css, html, LitElement } from 'lit'
5
+ import { css, html, LitElement, nothing } from 'lit'
5
6
  import { customElement, property, query, state } from 'lit/decorators.js'
6
7
 
7
8
  import { client } from '@operato/graphql'
@@ -28,35 +29,12 @@ class OocResolveActivityEdit extends localize(i18next)(LitElement) {
28
29
  overflow: auto;
29
30
  }
30
31
 
31
- ox-data-sample-view {
32
+ ox-data-ooc-brief-view {
32
33
  flex: 1;
33
34
  padding: var(--padding-wide);
34
35
  overflow: auto;
35
36
  }
36
37
 
37
- div[instruction] {
38
- display: flex;
39
- flex-direction: column;
40
-
41
- padding: var(--padding-wide);
42
- }
43
-
44
- label[instruction] {
45
- display: flex;
46
- flex-direction: column;
47
-
48
- padding: var(--padding-wide);
49
- }
50
-
51
- label[instruction] h2 {
52
- display: flex;
53
-
54
- color: var(--title-text-color);
55
- text-transform: capitalize;
56
- margin: var(--title-margin);
57
- align-items: center;
58
- }
59
-
60
38
  label[action] {
61
39
  display: flex;
62
40
  flex-direction: column;
@@ -87,17 +65,12 @@ class OocResolveActivityEdit extends localize(i18next)(LitElement) {
87
65
  outline: none;
88
66
  min-height: 200px;
89
67
  }
90
-
91
- .button-container {
92
- display: flex;
93
- margin-left: auto;
94
- padding: var(--padding-default);
95
- }
96
68
  `
97
69
  ]
98
70
 
99
71
  @property({ type: Object }) input?: any
100
72
  @property({ type: Object }) output?: any
73
+ @property({ type: Object }) activityThread?: any
101
74
 
102
75
  @state() dataOoc?: any
103
76
 
@@ -105,25 +78,24 @@ class OocResolveActivityEdit extends localize(i18next)(LitElement) {
105
78
 
106
79
  render() {
107
80
  const action = this.output?.action
81
+ const state = this.activityThread?.state
82
+ const editable = state == 'assigned' || state == 'started'
108
83
 
109
84
  return html`
110
85
  <div content>
111
- <ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>
86
+ <ox-data-ooc-brief-view .dataOoc=${this.dataOoc}></ox-data-ooc-brief-view>
112
87
  </div>
113
88
 
114
- <div instruction>
115
- <h2><mwc-icon>build_circle</mwc-icon>&nbsp;<span>${i18next.t('label.corrective instruction')}</span></h2>
116
- <div content>${this.input?.instruction}</div>
117
- </div>
89
+ <!-- <ox-data-ooc-correction-part .dataOoc=${this.dataOoc}></ox-data-ooc-correction-part> -->
118
90
 
119
- <label action>
120
- <h2><mwc-icon>build_circle</mwc-icon>&nbsp;<span>${i18next.t('label.corrective action')}</span></h2>
121
- <textarea
122
- placeholder=${String(i18next.t('text.corrective action placeholder'))}
123
- .value=${action || ''}
124
- @change=${this.onChangeAction}
125
- ></textarea>
126
- </label>
91
+ ${editable
92
+ ? html`
93
+ <label action>
94
+ <h2><mwc-icon>build_circle</mwc-icon>&nbsp;<span>${i18next.t('label.corrective action')}</span></h2>
95
+ <textarea placeholder=${String(i18next.t('text.corrective action placeholder'))} .value=${action || ''} @change=${this.onChangeAction}></textarea>
96
+ </label>
97
+ `
98
+ : nothing}
127
99
  `
128
100
  }
129
101
 
@@ -162,6 +134,9 @@ class OocResolveActivityEdit extends localize(i18next)(LitElement) {
162
134
  useCase
163
135
  data
164
136
  judgment
137
+ history
138
+ correctiveAction
139
+ correctiveInstruction
165
140
  dataItems {
166
141
  name
167
142
  description
@@ -178,7 +153,17 @@ class OocResolveActivityEdit extends localize(i18next)(LitElement) {
178
153
  }
179
154
  workDate
180
155
  workShift
156
+ reviewer {
157
+ id
158
+ name
159
+ }
160
+ corrector {
161
+ id
162
+ name
163
+ }
181
164
  collectedAt
165
+ reviewedAt
166
+ correctedAt
182
167
  }
183
168
  }
184
169
  `,
@@ -187,7 +172,17 @@ class OocResolveActivityEdit extends localize(i18next)(LitElement) {
187
172
  }
188
173
  })
189
174
 
190
- this.dataOoc = response.data.dataOoc
175
+ const dataOoc = {
176
+ ...response.data.dataOoc
177
+ }
178
+
179
+ if (this.activityThread?.output) {
180
+ dataOoc.correctiveAction = this.activityThread.output.action
181
+ dataOoc.correctedAt = this.activityThread.updatedAt
182
+ dataOoc.corrector = this.activityThread.assignee
183
+ }
184
+
185
+ this.dataOoc = dataOoc
191
186
  }
192
187
  }
193
188
  }
@@ -9,7 +9,7 @@ import { i18next, localize } from '@operato/i18n'
9
9
  import { ScrollbarStyles } from '@operato/styles'
10
10
 
11
11
  @customElement('activity-ooc-resolve-view')
12
- class OocResolveActivityView extends localize(i18next)(LitElement) {
12
+ export class OocResolveActivityView extends localize(i18next)(LitElement) {
13
13
  static styles = [
14
14
  ScrollbarStyles,
15
15
  css`
@@ -33,47 +33,12 @@ class OocResolveActivityView extends localize(i18next)(LitElement) {
33
33
  padding: var(--padding-wide);
34
34
  overflow: auto;
35
35
  }
36
-
37
- div[instruction] {
38
- display: flex;
39
- flex-direction: column;
40
-
41
- padding: var(--padding-wide);
42
- }
43
-
44
- div[instruction] div {
45
- display: flex;
46
- }
47
-
48
- div[instruction] div[content] {
49
- display: flex;
50
- min-height: 50px;
51
- }
52
-
53
- div[action] {
54
- display: flex;
55
- flex-direction: column;
56
-
57
- padding: var(--padding-wide);
58
- }
59
-
60
- div[action] div {
61
- display: flex;
62
- }
63
-
64
- div[action] div[content] {
65
- display: flex;
66
- min-height: 50px;
67
- }
68
-
69
- mwc-icon {
70
- color: var(--status-danger-color);
71
- }
72
36
  `
73
37
  ]
74
38
 
75
39
  @property({ type: Object }) input?: any
76
40
  @property({ type: Object }) output?: any
41
+ @property({ type: Object }) activityApproval?: any
77
42
 
78
43
  @state() dataOoc?: any
79
44
 
@@ -147,7 +112,20 @@ class OocResolveActivityView extends localize(i18next)(LitElement) {
147
112
  }
148
113
  })
149
114
 
150
- this.dataOoc = response.data.dataOoc
115
+ const dataOoc = {
116
+ ...response.data.dataOoc
117
+ }
118
+
119
+ const activityThread = this.activityApproval?.activityThread
120
+
121
+ if (activityThread?.output) {
122
+ /* approval 에서 사용되는 경우 corrective 관련정보를 보완한다. - approval과정에서는 아직 dataOoc.correctiveAction 정보는 채워지지 않았기 때문. */
123
+ dataOoc.correctiveAction = activityThread.output.action
124
+ dataOoc.correctedAt = activityThread.updatedAt
125
+ dataOoc.corrector = activityThread.assignee
126
+ }
127
+
128
+ this.dataOoc = dataOoc
151
129
  }
152
130
  }
153
131
  }
@@ -64,12 +64,6 @@ class OocReviewActivityEdit extends localize(i18next)(LitElement) {
64
64
  outline: none;
65
65
  min-height: 200px;
66
66
  }
67
-
68
- .button-container {
69
- display: flex;
70
- margin-left: auto;
71
- padding: var(--padding-default);
72
- }
73
67
  `
74
68
  ]
75
69
 
@@ -88,11 +82,7 @@ class OocReviewActivityEdit extends localize(i18next)(LitElement) {
88
82
 
89
83
  <label instruction>
90
84
  <h2><mwc-icon>build_circle</mwc-icon>&nbsp;<span>${i18next.t('label.corrective instruction')}</span></h2>
91
- <textarea
92
- placeholder=${String(i18next.t('text.corrective instruction placeholder'))}
93
- .value=${instruction || ''}
94
- @change=${this.onChangeInstruction}
95
- ></textarea>
85
+ <textarea placeholder=${String(i18next.t('text.corrective instruction placeholder'))} .value=${instruction || ''} @change=${this.onChangeInstruction}></textarea>
96
86
  </label>
97
87
  `
98
88
  }
@@ -33,26 +33,6 @@ class OocReviewActivityView extends localize(i18next)(LitElement) {
33
33
  padding: var(--padding-wide);
34
34
  overflow: auto;
35
35
  }
36
-
37
- div[instruction] {
38
- display: flex;
39
- flex-direction: column;
40
-
41
- padding: var(--padding-wide);
42
- }
43
-
44
- div[instruction] div {
45
- display: flex;
46
- }
47
-
48
- div[instruction] div[content] {
49
- display: flex;
50
- min-height: 50px;
51
- }
52
-
53
- mwc-icon {
54
- color: var(--status-danger-color);
55
- }
56
36
  `
57
37
  ]
58
38
 
@@ -62,8 +42,6 @@ class OocReviewActivityView extends localize(i18next)(LitElement) {
62
42
  @state() dataOoc?: any
63
43
 
64
44
  render() {
65
- const instruction = this.output?.instruction
66
-
67
45
  return html`
68
46
  <div content>
69
47
  <ox-data-ooc-brief-view .dataOoc=${this.dataOoc}></ox-data-ooc-brief-view>
@@ -1,19 +1,15 @@
1
1
  import './activities/activity-data-collect-edit' /* refered by the activity template (activity-data-collect) on server */
2
- import './activities/activity-ooc-review-edit' /* refered by the activity template (activity-ooc-review) on server */
3
- import './activities/activity-ooc-resolve-edit' /* refered by the activity template (activity-ooc-resolve) on server */
4
2
  import './activities/activity-data-collect-view' /* refered by the activity template (activity-data-collect) on server */
5
- import './activities/activity-ooc-review-view' /* refered by the activity template (activity-ooc-review) on server */
6
- import './activities/activity-ooc-resolve-view' /* refered by the activity template (activity-ooc-resolve) on server */
7
3
  import './activities/activity-data-review-edit' /* refered by the activity template (activity-data-review) on server */
8
4
  import './activities/activity-data-review-view' /* refered by the activity template (activity-data-review) on server */
5
+ import './activities/activity-ooc-review-edit' /* refered by the activity template (activity-ooc-review) on server */
6
+ import './activities/activity-ooc-review-view' /* refered by the activity template (activity-ooc-review) on server */
7
+ import './activities/activity-ooc-resolve-edit' /* refered by the activity template (activity-ooc-resolve) on server */
8
+ import './activities/activity-ooc-resolve-view' /* refered by the activity template (activity-ooc-resolve) on server */
9
9
  import '@operato/app/filter-renderer.js' /* register resource-object filter renderer */
10
10
 
11
11
  import { OxGristEditorCode } from '@operato/app/grist-editor/ox-grist-editor-code.js'
12
- import {
13
- OxGristRendererJson5,
14
- registerEditor as registerGristEditor,
15
- registerRenderer as registerGristRenderer
16
- } from '@operato/data-grist'
12
+ import { OxGristRendererJson5, registerEditor as registerGristEditor, registerRenderer as registerGristRenderer } from '@operato/data-grist'
17
13
  import { OxGristEditorDataItemSpec } from '@operato/dataset/grist-editor/ox-grist-editor-data-item-spec.js'
18
14
  import { OxGristEditorPartitionKeys } from '@operato/grist-editor/ox-grist-editor-partition-keys.js'
19
15
  import { OxGristRendererPartitionKeys } from '@operato/grist-editor/ox-grist-renderer-partition-keys.js'
@@ -9,13 +9,7 @@ import { ScrollbarStyles } from '@operato/styles';
9
9
  import { OxDataEntryForm } from '@operato/dataset/ox-data-entry-form.js';
10
10
  let DataCollectActivityEdit = class DataCollectActivityEdit extends localize(i18next)(LitElement) {
11
11
  render() {
12
- return html `
13
- <ox-data-entry-form
14
- .dataSet=${this.dataSet}
15
- .value=${this.output}
16
- @change=${this._updateDataItems}
17
- ></ox-data-entry-form>
18
- `;
12
+ return html ` <ox-data-entry-form .dataSet=${this.dataSet} .value=${this.output} @change=${this._updateDataItems}></ox-data-entry-form> `;
19
13
  }
20
14
  async _updateDataItems() {
21
15
  this.output = this.entryForm.value;
@@ -1 +1 @@
1
- {"version":3,"file":"activity-data-collect-edit.js","sourceRoot":"","sources":["../../client/activities/activity-data-collect-edit.ts"],"names":[],"mappings":";AAAA,OAAO,wCAAwC,CAAA;AAE/C,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;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAIjE,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IA0BxE,MAAM;QACJ,OAAO,IAAI,CAAA;;mBAEI,IAAI,CAAC,OAAO;iBACd,IAAI,CAAC,MAAM;kBACV,IAAI,CAAC,gBAAgB;;KAElC,CAAA;IACH,CAAC;IAED,KAAK,CAAC,gBAAgB;QACpB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAElC,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;;;;;;;;;;;;;;;;;;;;;;;SAuBT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;SACrC;IACH,CAAC;;AAvFM,8BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;KAaF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;sDAAY;AACvC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uDAAa;AAExC;IAAC,KAAK,EAAE;;wDAAmC;AAE3C;IAAC,KAAK,CAAC,oBAAoB,CAAC;8BAAa,eAAe;0DAAA;AAxB7C,uBAAuB;IADnC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,uBAAuB,CAyFnC;SAzFY,uBAAuB","sourcesContent":["import '@operato/dataset/ox-data-entry-form.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'\nimport { OxDataEntryForm } from '@operato/dataset/ox-data-entry-form.js'\nimport { DataSet } from '@operato/dataset'\n\n@customElement('activity-data-collect-edit')\nexport class DataCollectActivityEdit 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 ox-data-entry-form {\n flex: 1;\n padding: 10px;\n overflow: auto;\n }\n `\n ]\n\n @property({ type: Object }) input?: any\n @property({ type: Object }) output?: any\n\n @state() dataSet?: DataSet & { id: string }\n\n @query('ox-data-entry-form') entryForm!: OxDataEntryForm\n\n render() {\n return html`\n <ox-data-entry-form\n .dataSet=${this.dataSet}\n .value=${this.output}\n @change=${this._updateDataItems}\n ></ox-data-entry-form>\n `\n }\n\n async _updateDataItems() {\n this.output = this.entryForm.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.fetchDataSet()\n }\n }\n\n async fetchDataSet() {\n const id = this.input.dataSetId\n\n if (id) {\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n dataSet(id: $id) {\n id\n name\n description\n useCase\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 }\n }\n `,\n variables: {\n id\n }\n })\n\n this.dataSet = response.data.dataSet\n }\n }\n}\n"]}
1
+ {"version":3,"file":"activity-data-collect-edit.js","sourceRoot":"","sources":["../../client/activities/activity-data-collect-edit.ts"],"names":[],"mappings":";AAAA,OAAO,wCAAwC,CAAA;AAE/C,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;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAIjE,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IA0BxE,MAAM;QACJ,OAAO,IAAI,CAAA,iCAAiC,IAAI,CAAC,OAAO,WAAW,IAAI,CAAC,MAAM,YAAY,IAAI,CAAC,gBAAgB,yBAAyB,CAAA;IAC1I,CAAC;IAED,KAAK,CAAC,gBAAgB;QACpB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAElC,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;;;;;;;;;;;;;;;;;;;;;;;SAuBT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;SACrC;IACH,CAAC;;AAjFM,8BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;KAaF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;sDAAY;AACvC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uDAAa;AAExC;IAAC,KAAK,EAAE;;wDAAmC;AAE3C;IAAC,KAAK,CAAC,oBAAoB,CAAC;8BAAa,eAAe;0DAAA;AAxB7C,uBAAuB;IADnC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,uBAAuB,CAmFnC;SAnFY,uBAAuB","sourcesContent":["import '@operato/dataset/ox-data-entry-form.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'\nimport { OxDataEntryForm } from '@operato/dataset/ox-data-entry-form.js'\nimport { DataSet } from '@operato/dataset'\n\n@customElement('activity-data-collect-edit')\nexport class DataCollectActivityEdit 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 ox-data-entry-form {\n flex: 1;\n padding: 10px;\n overflow: auto;\n }\n `\n ]\n\n @property({ type: Object }) input?: any\n @property({ type: Object }) output?: any\n\n @state() dataSet?: DataSet & { id: string }\n\n @query('ox-data-entry-form') entryForm!: OxDataEntryForm\n\n render() {\n return html` <ox-data-entry-form .dataSet=${this.dataSet} .value=${this.output} @change=${this._updateDataItems}></ox-data-entry-form> `\n }\n\n async _updateDataItems() {\n this.output = this.entryForm.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.fetchDataSet()\n }\n }\n\n async fetchDataSet() {\n const id = this.input.dataSetId\n\n if (id) {\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n dataSet(id: $id) {\n id\n name\n description\n useCase\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 }\n }\n `,\n variables: {\n id\n }\n })\n\n this.dataSet = response.data.dataSet\n }\n }\n}\n"]}
@@ -53,34 +53,6 @@ DataReviewActivityEdit.styles = [
53
53
  padding: var(--padding-wide);
54
54
  overflow: auto;
55
55
  }
56
-
57
- label[instruction] {
58
- display: flex;
59
- flex-direction: column;
60
-
61
- padding: var(--padding-wide);
62
- }
63
-
64
- label[instruction] div {
65
- display: flex;
66
- }
67
-
68
- mwc-icon {
69
- color: var(--status-danger-color);
70
- }
71
-
72
- textarea {
73
- border: var(--input-field-border);
74
- border-radius: var(--input-border-radius);
75
- padding: var(--input-field-padding);
76
- font: var(--input-field-font);
77
- }
78
-
79
- .button-container {
80
- display: flex;
81
- margin-left: auto;
82
- padding: var(--padding-default);
83
- }
84
56
  `
85
57
  ];
86
58
  __decorate([
@@ -1 +1 @@
1
- {"version":3,"file":"activity-data-review-edit.js","sourceRoot":"","sources":["../../client/activities/activity-data-review-edit.ts"],"names":[],"mappings":";AAAA,OAAO,wCAAwC,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAG1C,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IA4DvE,MAAM;QACJ,OAAO,IAAI,CAAA;;2CAE4B,IAAI,CAAC,UAAU;;KAErD,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,eAAe,EAAE,CAAA;SACvB;IACH,CAAC;IAED,KAAK,CAAC,eAAe;;QACnB,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,CAAA;QACzC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAA;IAC9B,CAAC;;AAvFM,6BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiDF;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;;0DAAiB;AA1Dd,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CAyFlC;SAzFY,sBAAsB","sourcesContent":["import '@operato/dataset/ox-data-entry-form.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('activity-data-review-edit')\nexport class DataReviewActivityEdit 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] div {\n display: flex;\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\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() dataReview?: any\n\n render() {\n return html`\n <div content>\n <ox-data-sample-view .dataSample=${this.dataReview}></ox-data-sample-view>\n </div>\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.fetchDataAssign()\n }\n }\n\n async fetchDataAssign() {\n const dataSample = this.input?.dataSample\n this.dataReview = dataSample\n }\n}\n"]}
1
+ {"version":3,"file":"activity-data-review-edit.js","sourceRoot":"","sources":["../../client/activities/activity-data-review-edit.ts"],"names":[],"mappings":";AAAA,OAAO,wCAAwC,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAG1C,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAgCvE,MAAM;QACJ,OAAO,IAAI,CAAA;;2CAE4B,IAAI,CAAC,UAAU;;KAErD,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,eAAe,EAAE,CAAA;SACvB;IACH,CAAC;IAED,KAAK,CAAC,eAAe;;QACnB,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,CAAA;QACzC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAA;IAC9B,CAAC;;AA3DM,6BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;KAqBF;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;;0DAAiB;AA9Bd,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CA6DlC;SA7DY,sBAAsB","sourcesContent":["import '@operato/dataset/ox-data-entry-form.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('activity-data-review-edit')\nexport class DataReviewActivityEdit 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 ]\n\n @property({ type: Object }) input?: any\n @property({ type: Object }) output?: any\n\n @state() dataReview?: any\n\n render() {\n return html`\n <div content>\n <ox-data-sample-view .dataSample=${this.dataReview}></ox-data-sample-view>\n </div>\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.fetchDataAssign()\n }\n }\n\n async fetchDataAssign() {\n const dataSample = this.input?.dataSample\n this.dataReview = dataSample\n }\n}\n"]}
@@ -53,34 +53,6 @@ DataReviewActivityView.styles = [
53
53
  padding: var(--padding-wide);
54
54
  overflow: auto;
55
55
  }
56
-
57
- label[instruction] {
58
- display: flex;
59
- flex-direction: column;
60
-
61
- padding: var(--padding-wide);
62
- }
63
-
64
- label[instruction] div {
65
- display: flex;
66
- }
67
-
68
- mwc-icon {
69
- color: var(--status-danger-color);
70
- }
71
-
72
- textarea {
73
- border: var(--input-field-border);
74
- border-radius: var(--input-border-radius);
75
- padding: var(--input-field-padding);
76
- font: var(--input-field-font);
77
- }
78
-
79
- .button-container {
80
- display: flex;
81
- margin-left: auto;
82
- padding: var(--padding-default);
83
- }
84
56
  `
85
57
  ];
86
58
  __decorate([
@@ -1 +1 @@
1
- {"version":3,"file":"activity-data-review-view.js","sourceRoot":"","sources":["../../client/activities/activity-data-review-view.ts"],"names":[],"mappings":";AAAA,OAAO,wCAAwC,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAG1C,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IA4DvE,MAAM;QACJ,OAAO,IAAI,CAAA;;2CAE4B,IAAI,CAAC,UAAU;;KAErD,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,eAAe,EAAE,CAAA;SACvB;IACH,CAAC;IAED,KAAK,CAAC,eAAe;;QACnB,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,CAAA;QACzC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAA;IAC9B,CAAC;;AAvFM,6BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiDF;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;;0DAAiB;AA1Dd,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CAyFlC;SAzFY,sBAAsB","sourcesContent":["import '@operato/dataset/ox-data-entry-form.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('activity-data-review-view')\nexport class DataReviewActivityView 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] div {\n display: flex;\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\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() dataReview?: any\n\n render() {\n return html`\n <div content>\n <ox-data-sample-view .dataSample=${this.dataReview}></ox-data-sample-view>\n </div>\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.fetchDataAssign()\n }\n }\n\n async fetchDataAssign() {\n const dataSample = this.input?.dataSample\n this.dataReview = dataSample\n }\n}\n"]}
1
+ {"version":3,"file":"activity-data-review-view.js","sourceRoot":"","sources":["../../client/activities/activity-data-review-view.ts"],"names":[],"mappings":";AAAA,OAAO,wCAAwC,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAG1C,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAgCvE,MAAM;QACJ,OAAO,IAAI,CAAA;;2CAE4B,IAAI,CAAC,UAAU;;KAErD,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,eAAe,EAAE,CAAA;SACvB;IACH,CAAC;IAED,KAAK,CAAC,eAAe;;QACnB,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,CAAA;QACzC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAA;IAC9B,CAAC;;AA3DM,6BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;KAqBF;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;;0DAAiB;AA9Bd,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CA6DlC;SA7DY,sBAAsB","sourcesContent":["import '@operato/dataset/ox-data-entry-form.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('activity-data-review-view')\nexport class DataReviewActivityView 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 ]\n\n @property({ type: Object }) input?: any\n @property({ type: Object }) output?: any\n\n @state() dataReview?: any\n\n render() {\n return html`\n <div content>\n <ox-data-sample-view .dataSample=${this.dataReview}></ox-data-sample-view>\n </div>\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.fetchDataAssign()\n }\n }\n\n async fetchDataAssign() {\n const dataSample = this.input?.dataSample\n this.dataReview = dataSample\n }\n}\n"]}
@@ -1 +1 @@
1
- import '@operato/dataset/ox-data-sample-view.js';
1
+ import '@operato/dataset/ox-data-ooc-brief-view.js';