@things-factory/dataset 6.0.28 → 6.0.30

package/client/{components/data-collect-activity-view.ts → activities/activity-data-collect-view.ts}

@@ -10,7 +10,7 @@ import { ScrollbarStyles } from '@operato/styles'
 import { OxDataEntryForm } from '@operato/dataset/ox-data-entry-form.js'
 import { DataSet } from '@operato/dataset'
 
-@customElement('data-collect-activity-view')
+@customElement('activity-data-collect-view')
 export class DataCollectActivityView extends localize(i18next)(LitElement) {
   static styles = [
     ScrollbarStyles,

package/client/{components/ooc-resolve-activity-view.ts → activities/activity-ooc-resolve-view.ts}

@@ -8,7 +8,7 @@ import { client } from '@operato/graphql'
 import { i18next, localize } from '@operato/i18n'
 import { ScrollbarStyles } from '@operato/styles'
 
-@customElement('ooc-resolve-activity-view')
+@customElement('activity-ooc-resolve-view')
 class OocResolveActivityView extends localize(i18next)(LitElement) {
   static styles = [
     ScrollbarStyles,

package/client/{components/ooc-review-activity-view.ts → activities/activity-ooc-review-view.ts}

@@ -8,7 +8,7 @@ import { client } from '@operato/graphql'
 import { i18next, localize } from '@operato/i18n'
 import { ScrollbarStyles } from '@operato/styles'
 
-@customElement('ooc-review-activity-view')
+@customElement('activity-ooc-review-view')
 class OocReviewActivityView extends localize(i18next)(LitElement) {
   static styles = [
     ScrollbarStyles,

package/client/bootstrap.ts

@@ -1,6 +1,6 @@
-import './components/data-collect-activity-view' /* refered by the activity template (activity-data-collect) on server */
-import './components/ooc-review-activity-view' /* refered by the activity template (activity-ooc-review) on server */
-import './components/ooc-resolve-activity-view' /* refered by the activity template (activity-ooc-resolve) on server */
+import './activities/activity-data-collect-view' /* refered by the activity template (activity-data-collect) on server */
+import './activities/activity-ooc-review-view' /* refered by the activity template (activity-ooc-review) on server */
+import './activities/activity-ooc-resolve-view' /* refered by the activity template (activity-ooc-resolve) on server */
 
 import '@operato/app/filter-renderer.js' /* register resource-object filter renderer */
 

package/dist-client/activities/activity-data-collect-view.d.ts

@@ -0,0 +1,19 @@
+import '@operato/dataset/ox-data-entry-form.js';
+import { LitElement } from 'lit';
+import { OxDataEntryForm } from '@operato/dataset/ox-data-entry-form.js';
+import { DataSet } from '@operato/dataset';
+declare const DataCollectActivityView_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class DataCollectActivityView extends DataCollectActivityView_base {
+    static styles: import("lit").CSSResult[];
+    input?: any;
+    output?: any;
+    dataSet?: DataSet & {
+        id: string;
+    };
+    entryForm: OxDataEntryForm;
+    render(): import("lit-html").TemplateResult<1>;
+    _updateDataItems(): Promise<void>;
+    updated(changes: any): void;
+    fetchDataSet(): Promise<void>;
+}
+export {};

package/dist-client/activities/activity-data-collect-view.js

@@ -0,0 +1,101 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/dataset/ox-data-entry-form.js';
+import gql from 'graphql-tag';
+import { css, html, LitElement } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { ScrollbarStyles } from '@operato/styles';
+import { OxDataEntryForm } from '@operato/dataset/ox-data-entry-form.js';
+let DataCollectActivityView = class DataCollectActivityView extends localize(i18next)(LitElement) {
+    render() {
+        return html `
+      <ox-data-entry-form
+        .dataSet=${this.dataSet}
+        .value=${this.output}
+        @change=${this._updateDataItems}
+      ></ox-data-entry-form>
+    `;
+    }
+    async _updateDataItems() {
+        this.output = this.entryForm.value;
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: this.output
+        }));
+    }
+    updated(changes) {
+        if (changes.has('input')) {
+            this.fetchDataSet();
+        }
+    }
+    async fetchDataSet() {
+        const id = this.input.dataSetId;
+        if (id) {
+            const response = await client.query({
+                query: gql `
+          query ($id: String!) {
+            dataSet(id: $id) {
+              id
+              name
+              description
+              useCase
+              dataItems {
+                name
+                description
+                active
+                tag
+                type
+                unit
+                options
+                quota
+                spec
+              }
+            }
+          }
+        `,
+                variables: {
+                    id
+                }
+            });
+            this.dataSet = response.data.dataSet;
+        }
+    }
+};
+DataCollectActivityView.styles = [
+    ScrollbarStyles,
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        background-color: #fff;
+      }
+
+      ox-data-entry-form {
+        flex: 1;
+        padding: 10px;
+        overflow: auto;
+      }
+    `
+];
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], DataCollectActivityView.prototype, "input", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], DataCollectActivityView.prototype, "output", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], DataCollectActivityView.prototype, "dataSet", void 0);
+__decorate([
+    query('ox-data-entry-form'),
+    __metadata("design:type", OxDataEntryForm)
+], DataCollectActivityView.prototype, "entryForm", void 0);
+DataCollectActivityView = __decorate([
+    customElement('activity-data-collect-view')
+], DataCollectActivityView);
+export { DataCollectActivityView };
+//# sourceMappingURL=activity-data-collect-view.js.map

package/dist-client/activities/activity-data-collect-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-data-collect-view.js","sourceRoot":"","sources":["../../client/activities/activity-data-collect-view.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;;;;;;;;;;;;;;;;;;;;SAoBT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;SACrC;IACH,CAAC;;AApFM,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,CAsFnC;SAtFY,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-view')\nexport class DataCollectActivityView 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                tag\n                type\n                unit\n                options\n                quota\n                spec\n              }\n            }\n          }\n        `,\n        variables: {\n          id\n        }\n      })\n\n      this.dataSet = response.data.dataSet\n    }\n  }\n}\n"]}

package/dist-client/activities/activity-ooc-resolve-view.js

@@ -0,0 +1,175 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/dataset/ox-data-sample-view.js';
+import gql from 'graphql-tag';
+import { css, html, LitElement } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { ScrollbarStyles } from '@operato/styles';
+let OocResolveActivityView = class OocResolveActivityView extends localize(i18next)(LitElement) {
+    render() {
+        var _a, _b;
+        const action = (_a = this.output) === null || _a === void 0 ? void 0 : _a.action;
+        return html `
+      <div content>
+        <ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>
+      </div>
+
+      <div instruction>
+        <div><mwc-icon>build_circle</mwc-icon> <span>corrective instruction</span></div>
+        <div content>${(_b = this.input) === null || _b === void 0 ? void 0 : _b.instruction}</div>
+      </div>
+
+      <label action>
+        <div><mwc-icon>build_circle</mwc-icon> <span>corrective action</span></div>
+        <textarea
+          placeholder="시정 및 예방을 위한 조치 이행 사항을 입력해주세요."
+          .value=${action || ''}
+          @change=${this.onChangeAction}
+        ></textarea>
+      </label>
+    `;
+    }
+    onChangeAction(e) {
+        this.output || (this.output = {});
+        this.output.action = e.target.value;
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: this.output
+        }));
+    }
+    updated(changes) {
+        if (changes.has('input')) {
+            this.fetchDataOoc();
+        }
+    }
+    async fetchDataOoc() {
+        const id = this.input.dataOocId;
+        if (id) {
+            const response = await client.query({
+                query: gql `
+          query ($id: String!) {
+            dataOoc(id: $id) {
+              id
+              name
+              description
+              ooc
+              oos
+              state
+              type
+              useCase
+              data
+              judgment
+              dataItems {
+                name
+                description
+                active
+                tag
+                type
+                unit
+                options
+                quota
+                spec
+              }
+              workDate
+              workShift
+              collectedAt
+            }
+          }
+        `,
+                variables: {
+                    id
+                }
+            });
+            this.dataOoc = response.data.dataOoc;
+        }
+    }
+};
+OocResolveActivityView.styles = [
+    ScrollbarStyles,
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        background-color: #fff;
+      }
+
+      div[content] {
+        flex: 1;
+        flex-direction: column;
+
+        display: flex;
+        overflow: auto;
+      }
+
+      ox-data-sample-view {
+        flex: 1;
+        padding: var(--padding-wide);
+        overflow: auto;
+      }
+
+      div[instruction] {
+        display: flex;
+        flex-direction: column;
+
+        padding: var(--padding-wide);
+      }
+
+      div[instruction] div {
+        display: flex;
+      }
+
+      div[instruction] div[content] {
+        display: flex;
+        min-height: 50px;
+      }
+
+      label[action] {
+        display: flex;
+        flex-direction: column;
+
+        padding: var(--padding-wide);
+      }
+
+      label[action] div {
+        display: flex;
+      }
+
+      mwc-icon {
+        color: var(--status-danger-color);
+      }
+
+      textarea {
+        border: var(--input-field-border);
+        border-radius: var(--input-border-radius);
+        padding: var(--input-field-padding);
+        font: var(--input-field-font);
+      }
+
+      .button-container {
+        display: flex;
+        margin-left: auto;
+        padding: var(--padding-default);
+      }
+    `
+];
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], OocResolveActivityView.prototype, "input", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], OocResolveActivityView.prototype, "output", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], OocResolveActivityView.prototype, "dataOoc", void 0);
+__decorate([
+    query('textarea'),
+    __metadata("design:type", HTMLTextAreaElement)
+], OocResolveActivityView.prototype, "actionTextArea", void 0);
+OocResolveActivityView = __decorate([
+    customElement('activity-ooc-resolve-view')
+], OocResolveActivityView);
+//# sourceMappingURL=activity-ooc-resolve-view.js.map

package/dist-client/activities/activity-ooc-resolve-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-ooc-resolve-view.js","sourceRoot":"","sources":["../../client/activities/activity-ooc-resolve-view.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;IA8EhE,MAAM;;QACJ,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,CAAA;QAElC,OAAO,IAAI,CAAA;;2CAE4B,IAAI,CAAC,OAAO;;;;;uBAKhC,MAAA,IAAI,CAAC,KAAK,0CAAE,WAAW;;;;;;;mBAO3B,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA6BT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;SACrC;IACH,CAAC;;AAhKM,6BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiEF;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;AA5EnD,sBAAsB;IAD3B,aAAa,CAAC,2BAA2B,CAAC;GACrC,sBAAsB,CAkK3B","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-view')\nclass OocResolveActivityView 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      div[instruction] div {\n        display: flex;\n      }\n\n      div[instruction] div[content] {\n        display: flex;\n        min-height: 50px;\n      }\n\n      label[action] {\n        display: flex;\n        flex-direction: column;\n\n        padding: var(--padding-wide);\n      }\n\n      label[action] 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() 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        <div><mwc-icon>build_circle</mwc-icon> <span>corrective instruction</span></div>\n        <div content>${this.input?.instruction}</div>\n      </div>\n\n      <label action>\n        <div><mwc-icon>build_circle</mwc-icon> <span>corrective action</span></div>\n        <textarea\n          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                tag\n                type\n                unit\n                options\n                quota\n                spec\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"]}

package/dist-client/activities/activity-ooc-review-view.d.ts

@@ -0,0 +1 @@
+import '@operato/dataset/ox-data-sample-view.js';

package/dist-client/{components/data-ooc-activity-view.js → activities/activity-ooc-review-view.js}

@@ -6,28 +6,28 @@ import { customElement, property, query, state } from 'lit/decorators.js';
 import { client } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
 import { ScrollbarStyles } from '@operato/styles';
-let DataOocActivityView = class DataOocActivityView extends localize(i18next)(LitElement) {
+let OocReviewActivityView = class OocReviewActivityView extends localize(i18next)(LitElement) {
     render() {
         var _a;
-        const comment = (_a = this.output) === null || _a === void 0 ? void 0 : _a.comment;
+        const instruction = (_a = this.output) === null || _a === void 0 ? void 0 : _a.instruction;
         return html `
       <div content>
         <ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>
       </div>
 
-      <label comment>
-        <div><mwc-icon>build_circle</mwc-icon> <span>correction activity</span></div>
+      <label instruction>
+        <div><mwc-icon>build_circle</mwc-icon> <span>corrective instruction</span></div>
         <textarea
-          placeholder="조치 내용을 입력해주세요."
-          .value=${comment || ''}
-          @change=${this.onChangeComment}
+          placeholder="시정 및 예방을 위한 조치 지시 사항을 입력해주세요."
+          .value=${instruction || ''}
+          @change=${this.onChangeInstruction}
         ></textarea>
       </label>
     `;
     }
-    onChangeComment(e) {
-        this.output = this.output || {};
-        this.output.comment = e.target.value;
+    onChangeInstruction(e) {
+        this.output || (this.output = {});
+        this.output.instruction = e.target.value;
         this.dispatchEvent(new CustomEvent('change', {
             detail: this.output
         }));
@@ -38,7 +38,8 @@ let DataOocActivityView = class DataOocActivityView extends localize(i18next)(Li
         }
     }
     async fetchDataOoc() {
-        const id = this.input.dataOocId;
+        var _a;
+        const id = (_a = this.input) === null || _a === void 0 ? void 0 : _a.dataOocId;
         if (id) {
             const response = await client.query({
                 query: gql `
@@ -79,7 +80,7 @@ let DataOocActivityView = class DataOocActivityView extends localize(i18next)(Li
         }
     }
 };
-DataOocActivityView.styles = [
+OocReviewActivityView.styles = [
     ScrollbarStyles,
     css `
       :host {
@@ -97,20 +98,20 @@ DataOocActivityView.styles = [
         overflow: auto;
       }
 
-      ox-data-ooc-view {
+      ox-data-sample-view {
         flex: 1;
         padding: var(--padding-wide);
         overflow: auto;
       }
 
-      label[comment] {
+      label[instruction] {
         display: flex;
         flex-direction: column;
 
         padding: var(--padding-wide);
       }
 
-      label[comment] div {
+      label[instruction] div {
         display: flex;
       }
 
@@ -135,20 +136,20 @@ DataOocActivityView.styles = [
 __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)
-], DataOocActivityView.prototype, "input", void 0);
+], OocReviewActivityView.prototype, "input", void 0);
 __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)
-], DataOocActivityView.prototype, "output", void 0);
+], OocReviewActivityView.prototype, "output", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)
-], DataOocActivityView.prototype, "dataOoc", void 0);
+], OocReviewActivityView.prototype, "dataOoc", void 0);
 __decorate([
     query('textarea'),
     __metadata("design:type", HTMLTextAreaElement)
-], DataOocActivityView.prototype, "commentTextArea", void 0);
-DataOocActivityView = __decorate([
-    customElement('data-ooc-activity-view')
-], DataOocActivityView);
-//# sourceMappingURL=data-ooc-activity-view.js.map
+], OocReviewActivityView.prototype, "instructionTextArea", void 0);
+OocReviewActivityView = __decorate([
+    customElement('activity-ooc-review-view')
+], OocReviewActivityView);
+//# sourceMappingURL=activity-ooc-review-view.js.map

package/dist-client/activities/activity-ooc-review-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-ooc-review-view.js","sourceRoot":"","sources":["../../client/activities/activity-ooc-review-view.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,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IA8D/D,MAAM;;QACJ,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,WAAW,CAAA;QAE5C,OAAO,IAAI,CAAA;;2CAE4B,IAAI,CAAC,OAAO;;;;;;;mBAOpC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA6BT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;SACrC;IACH,CAAC;;AA3IM,4BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiDF;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;AAEtB;IAAC,KAAK,CAAC,UAAU,CAAC;8BAAuB,mBAAmB;kEAAA;AA5DxD,qBAAqB;IAD1B,aAAa,CAAC,0BAA0B,CAAC;GACpC,qBAAqB,CA6I1B","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-view')\nclass OocReviewActivityView 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() dataOoc?: any\n\n  @query('textarea') instructionTextArea!: HTMLTextAreaElement\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        <div><mwc-icon>build_circle</mwc-icon> <span>corrective instruction</span></div>\n        <textarea\n          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                tag\n                type\n                unit\n                options\n                quota\n                spec\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"]}

package/dist-client/bootstrap.d.ts

@@ -1,5 +1,5 @@
-import './components/data-collect-activity-view';
-import './components/ooc-review-activity-view';
-import './components/ooc-resolve-activity-view';
+import './activities/activity-data-collect-view';
+import './activities/activity-ooc-review-view';
+import './activities/activity-ooc-resolve-view';
 import '@operato/app/filter-renderer.js';
 export default function bootstrap(): void;

package/dist-client/bootstrap.js

@@ -1,6 +1,6 @@
-import './components/data-collect-activity-view'; /* refered by the activity template (activity-data-collect) on server */
-import './components/ooc-review-activity-view'; /* refered by the activity template (activity-ooc-review) on server */
-import './components/ooc-resolve-activity-view'; /* refered by the activity template (activity-ooc-resolve) on server */
+import './activities/activity-data-collect-view'; /* refered by the activity template (activity-data-collect) on server */
+import './activities/activity-ooc-review-view'; /* refered by the activity template (activity-ooc-review) on server */
+import './activities/activity-ooc-resolve-view'; /* refered by the activity template (activity-ooc-resolve) on server */
 import '@operato/app/filter-renderer.js'; /* register resource-object filter renderer */
 import { OxGristEditorCode } from '@operato/app/grist-editor/ox-grist-editor-code.js';
 import { OxGristRendererJson5, registerEditor as registerGristEditor, registerRenderer as registerGristRenderer } from '@operato/data-grist';

package/dist-client/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,yCAAyC,CAAA,CAAC,wEAAwE;AACzH,OAAO,uCAAuC,CAAA,CAAC,sEAAsE;AACrH,OAAO,wCAAwC,CAAA,CAAC,uEAAuE;AAEvH,OAAO,iCAAiC,CAAA,CAAC,8CAA8C;AAEvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mDAAmD,CAAA;AACrF,OAAO,EACL,oBAAoB,EACpB,cAAc,IAAI,mBAAmB,EACrC,gBAAgB,IAAI,qBAAqB,EAC1C,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,yBAAyB,EAAE,MAAM,iEAAiE,CAAA;AAC3G,OAAO,EAAE,0BAA0B,EAAE,MAAM,yDAAyD,CAAA;AAEpG,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,mBAAmB,CAAC,gBAAgB,EAAE,yBAAyB,CAAC,CAAA;IAChE,qBAAqB,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAA;IAE7D,mBAAmB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAA;IAEhD,mBAAmB,CAAC,gBAAgB,EAAE,0BAA0B,CAAC,CAAA;IACjE,qBAAqB,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAA;AAC/D,CAAC","sourcesContent":["import './components/data-collect-activity-view' /* refered by the activity template (activity-data-collect) on server */\nimport './components/ooc-review-activity-view' /* refered by the activity template (activity-ooc-review) on server */\nimport './components/ooc-resolve-activity-view' /* refered by the activity template (activity-ooc-resolve) on server */\n\nimport '@operato/app/filter-renderer.js' /* register resource-object filter renderer */\n\nimport { OxGristEditorCode } from '@operato/app/grist-editor/ox-grist-editor-code.js'\nimport {\n  OxGristRendererJson5,\n  registerEditor as registerGristEditor,\n  registerRenderer as registerGristRenderer\n} from '@operato/data-grist'\nimport { OxGristEditorDataItemSpec } from '@operato/dataset/grist-editor/ox-grist-editor-data-item-spec.js'\nimport { OxGristEditorPartitionKeys } from '@operato/grist-editor/ox-grist-editor-partition-keys.js'\n\nexport default function bootstrap() {\n  registerGristEditor('data-item-spec', OxGristEditorDataItemSpec)\n  registerGristRenderer('data-item-spec', OxGristRendererJson5)\n\n  registerGristEditor('script', OxGristEditorCode)\n\n  registerGristEditor('partition-keys', OxGristEditorPartitionKeys)\n  registerGristRenderer('partition-keys', OxGristRendererJson5)\n}\n"]}
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,yCAAyC,CAAA,CAAC,wEAAwE;AACzH,OAAO,uCAAuC,CAAA,CAAC,sEAAsE;AACrH,OAAO,wCAAwC,CAAA,CAAC,uEAAuE;AAEvH,OAAO,iCAAiC,CAAA,CAAC,8CAA8C;AAEvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mDAAmD,CAAA;AACrF,OAAO,EACL,oBAAoB,EACpB,cAAc,IAAI,mBAAmB,EACrC,gBAAgB,IAAI,qBAAqB,EAC1C,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,yBAAyB,EAAE,MAAM,iEAAiE,CAAA;AAC3G,OAAO,EAAE,0BAA0B,EAAE,MAAM,yDAAyD,CAAA;AAEpG,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,mBAAmB,CAAC,gBAAgB,EAAE,yBAAyB,CAAC,CAAA;IAChE,qBAAqB,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAA;IAE7D,mBAAmB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAA;IAEhD,mBAAmB,CAAC,gBAAgB,EAAE,0BAA0B,CAAC,CAAA;IACjE,qBAAqB,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAA;AAC/D,CAAC","sourcesContent":["import './activities/activity-data-collect-view' /* refered by the activity template (activity-data-collect) on server */\nimport './activities/activity-ooc-review-view' /* refered by the activity template (activity-ooc-review) on server */\nimport './activities/activity-ooc-resolve-view' /* refered by the activity template (activity-ooc-resolve) on server */\n\nimport '@operato/app/filter-renderer.js' /* register resource-object filter renderer */\n\nimport { OxGristEditorCode } from '@operato/app/grist-editor/ox-grist-editor-code.js'\nimport {\n  OxGristRendererJson5,\n  registerEditor as registerGristEditor,\n  registerRenderer as registerGristRenderer\n} from '@operato/data-grist'\nimport { OxGristEditorDataItemSpec } from '@operato/dataset/grist-editor/ox-grist-editor-data-item-spec.js'\nimport { OxGristEditorPartitionKeys } from '@operato/grist-editor/ox-grist-editor-partition-keys.js'\n\nexport default function bootstrap() {\n  registerGristEditor('data-item-spec', OxGristEditorDataItemSpec)\n  registerGristRenderer('data-item-spec', OxGristRendererJson5)\n\n  registerGristEditor('script', OxGristEditorCode)\n\n  registerGristEditor('partition-keys', OxGristEditorPartitionKeys)\n  registerGristRenderer('partition-keys', OxGristRendererJson5)\n}\n"]}