@things-factory/dataset 10.1.255 → 10.1.257

package/dist-client/pages/data-ooc/data-ooc-page.js

@@ -1,10 +1,8 @@
 import { __decorate, __metadata } from "tslib";
-import gql from 'graphql-tag';
 import { html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { customElement, state } from 'lit/decorators.js';
 import { PageView } from '@operato/shell';
 import { i18next, localize } from '@operato/i18n';
-import { client } from '@operato/graphql';
 import './data-ooc-view.js';
 let DataOocViewPage = class DataOocViewPage extends localize(i18next)(PageView) {
     static { this.styles = [
@@ -33,7 +31,7 @@ let DataOocViewPage = class DataOocViewPage extends localize(i18next)(PageView)
         };
     }
     render() {
-        return html ` <data-ooc-view .dataOoc=${this.dataOoc}></data-ooc-view> `;
+        return html ` <data-ooc-view .dataOocId=${this.dataOocId}></data-ooc-view> `;
     }
     updated(changes) { }
     pageUpdated(changes, lifecycle, before) {
@@ -41,124 +39,17 @@ let DataOocViewPage = class DataOocViewPage extends localize(i18next)(PageView)
             /*
              * this page is activated
              */
-            this.fetchOoc(lifecycle.resourceId);
+            this.dataOocId = lifecycle.resourceId;
         }
         else {
             /* this page is deactivated */
         }
     }
-    async fetchOoc(id) {
-        const response = await client.query({
-            query: gql `
-        query ($id: String!) {
-          dataOoc(id: $id) {
-            id
-            name
-            description
-            useCase
-            dataSet {
-              id
-              name
-              monitorType
-              monitorView
-            }
-            key01
-            key02
-            key03
-            key04
-            key05
-            partitionKeys
-            dataItems {
-              name
-              description
-              active
-              hidden
-              tag
-              group
-              subgroup
-              type
-              unit
-              options
-              quota
-              spec
-              stat
-            }
-            data
-            rawData
-            judgment
-            ooc
-            oos
-            state
-            history
-            workDate
-            workShift
-            correctiveInstruction
-            correctiveAction
-            reviewedAt
-            reviewer {
-              id
-              name
-            }
-            correctedAt
-            corrector {
-              id
-              name
-            }
-            updater {
-              id
-              name
-            }
-            updatedAt
-            collectedAt
-            reviewActivityInstance {
-              ...ActivityInstanceFragment
-            }
-            resolveActivityInstance {
-              ...ActivityInstanceFragment
-            }
-          }
-        }
-
-        fragment ActivityInstanceFragment on ActivityInstance {
-          activityThreads {
-            assignee {
-              name
-            }
-            output
-            activityApprovals {
-              judgment
-              approver {
-                name
-              }
-              comment
-              createdAt
-              updatedAt
-              terminatedAt
-            }
-            activityThreadHistories {
-              transaction
-              reason
-              updater {
-                name
-              }
-              updatedAt
-              state
-              output
-            }
-          }
-        }
-      `,
-            variables: {
-                id
-            }
-        });
-        this.dataOoc = response.data.dataOoc;
-    }
 };
 __decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], DataOocViewPage.prototype, "dataOoc", void 0);
+    state(),
+    __metadata("design:type", String)
+], DataOocViewPage.prototype, "dataOocId", void 0);
 DataOocViewPage = __decorate([
     customElement('data-ooc-page')
 ], DataOocViewPage);

package/dist-client/pages/data-ooc/data-ooc-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-ooc-page.js","sourceRoot":"","sources":["../../../client/pages/data-ooc/data-ooc-page.ts"],"names":[],"mappings":";AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAkB,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,oBAAoB,CAAA;AAGpB,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;aACvD,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;;;;;;KAeF;KACF,AAjBY,CAiBZ;IAID,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;YACvC,IAAI,EAAE,kBAAkB;YACxB,OAAO,EAAE,EAAE;SACZ,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,4BAA4B,IAAI,CAAC,OAAO,oBAAoB,CAAA;IACzE,CAAC;IAED,OAAO,CAAC,OAA6B,IAAG,CAAC;IAEzC,WAAW,CAAC,OAAY,EAAE,SAAc,EAAE,MAAW;QACnD,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB;;eAEG;YACH,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;QACrC,CAAC;aAAM,CAAC;YACN,8BAA8B;QAChC,CAAC;IACH,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC,EAAU;QACvB,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAkGT;YACD,SAAS,EAAE;gBACT,EAAE;aACH;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;IACtC,CAAC;;AAtI2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAc;AApB9B,eAAe;IAD3B,aAAa,CAAC,eAAe,CAAC;GAClB,eAAe,CA2J3B","sourcesContent":["import gql from 'graphql-tag'\n\nimport { PropertyValues, html, css } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { PageView } from '@operato/shell'\nimport { i18next, localize } from '@operato/i18n'\nimport { client } from '@operato/graphql'\n\nimport './data-ooc-view.js'\n\n@customElement('data-ooc-page')\nexport class DataOocViewPage extends localize(i18next)(PageView) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n      }\n\n      data-ooc-view {\n        flex: 1;\n      }\n\n      @media print {\n        :host {\n          display: block;\n          overflow: visible;\n        }\n      }\n    `\n  ]\n\n  @property({ type: Object }) dataOoc?: any\n\n  get context() {\n    return {\n      title: i18next.t('title.data-ooc view'),\n      help: 'dataset/data-ooc',\n      actions: []\n    }\n  }\n\n  render() {\n    return html` <data-ooc-view .dataOoc=${this.dataOoc}></data-ooc-view> `\n  }\n\n  updated(changes: PropertyValues<this>) {}\n\n  pageUpdated(changes: any, lifecycle: any, before: any) {\n    if (this.active) {\n      /*\n       * this page is activated\n       */\n      this.fetchOoc(lifecycle.resourceId)\n    } else {\n      /* this page is deactivated */\n    }\n  }\n\n  async fetchOoc(id: string) {\n    const response = await client.query({\n      query: gql`\n        query ($id: String!) {\n          dataOoc(id: $id) {\n            id\n            name\n            description\n            useCase\n            dataSet {\n              id\n              name\n              monitorType\n              monitorView\n            }\n            key01\n            key02\n            key03\n            key04\n            key05\n            partitionKeys\n            dataItems {\n              name\n              description\n              active\n              hidden\n              tag\n              group\n              subgroup\n              type\n              unit\n              options\n              quota\n              spec\n              stat\n            }\n            data\n            rawData\n            judgment\n            ooc\n            oos\n            state\n            history\n            workDate\n            workShift\n            correctiveInstruction\n            correctiveAction\n            reviewedAt\n            reviewer {\n              id\n              name\n            }\n            correctedAt\n            corrector {\n              id\n              name\n            }\n            updater {\n              id\n              name\n            }\n            updatedAt\n            collectedAt\n            reviewActivityInstance {\n              ...ActivityInstanceFragment\n            }\n            resolveActivityInstance {\n              ...ActivityInstanceFragment\n            }\n          }\n        }\n\n        fragment ActivityInstanceFragment on ActivityInstance {\n          activityThreads {\n            assignee {\n              name\n            }\n            output\n            activityApprovals {\n              judgment\n              approver {\n                name\n              }\n              comment\n              createdAt\n              updatedAt\n              terminatedAt\n            }\n            activityThreadHistories {\n              transaction\n              reason\n              updater {\n                name\n              }\n              updatedAt\n              state\n              output\n            }\n          }\n        }\n      `,\n      variables: {\n        id\n      }\n    })\n\n    this.dataOoc = response.data.dataOoc\n  }\n}\n"]}
+{"version":3,"file":"data-ooc-page.js","sourceRoot":"","sources":["../../../client/pages/data-ooc/data-ooc-page.ts"],"names":[],"mappings":";AAAA,OAAO,EAAkB,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,oBAAoB,CAAA;AAGpB,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;aACvD,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;;;;;;KAeF;KACF,AAjBY,CAiBZ;IAKD,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;YACvC,IAAI,EAAE,kBAAkB;YACxB,OAAO,EAAE,EAAE;SACZ,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,8BAA8B,IAAI,CAAC,SAAS,oBAAoB,CAAA;IAC7E,CAAC;IAED,OAAO,CAAC,OAA6B,IAAG,CAAC;IAEzC,WAAW,CAAC,OAAY,EAAE,SAAc,EAAE,MAAW;QACnD,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB;;eAEG;YACH,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,UAAU,CAAA;QACvC,CAAC;aAAM,CAAC;YACN,8BAA8B;QAChC,CAAC;IACH,CAAC;;AAzBgB;IAAhB,KAAK,EAAE;;kDAA2B;AArBxB,eAAe;IAD3B,aAAa,CAAC,eAAe,CAAC;GAClB,eAAe,CA+C3B","sourcesContent":["import { PropertyValues, html, css } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { PageView } from '@operato/shell'\nimport { i18next, localize } from '@operato/i18n'\n\nimport './data-ooc-view.js'\n\n@customElement('data-ooc-page')\nexport class DataOocViewPage extends localize(i18next)(PageView) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n      }\n\n      data-ooc-view {\n        flex: 1;\n      }\n\n      @media print {\n        :host {\n          display: block;\n          overflow: visible;\n        }\n      }\n    `\n  ]\n\n  /* The record the address names - the view reads it (ADR-0190). */\n  @state() private dataOocId?: string\n\n  get context() {\n    return {\n      title: i18next.t('title.data-ooc view'),\n      help: 'dataset/data-ooc',\n      actions: []\n    }\n  }\n\n  render() {\n    return html` <data-ooc-view .dataOocId=${this.dataOocId}></data-ooc-view> `\n  }\n\n  updated(changes: PropertyValues<this>) {}\n\n  pageUpdated(changes: any, lifecycle: any, before: any) {\n    if (this.active) {\n      /*\n       * this page is activated\n       */\n      this.dataOocId = lifecycle.resourceId\n    } else {\n      /* this page is deactivated */\n    }\n  }\n}\n"]}

package/dist-client/pages/data-ooc/data-ooc-view.d.ts

@@ -7,11 +7,10 @@ declare const DataOocView_base: (new (...args: any[]) => LitElement) & typeof Li
 export declare class DataOocView extends DataOocView_base {
     static styles: import("lit").CSSResult[];
     dataOocId?: string;
-    dataOoc?: any;
+    private dataOocQuery;
+    get dataOoc(): any | undefined;
     private printHandler;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
-    updated(changes: any): void;
-    fetchDataOoc(): Promise<void>;
     handlePrint(event: any): void;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist-client/pages/data-ooc/data-ooc-view.js

@@ -5,14 +5,114 @@ import '@operato/dataset/ox-data-ooc-brief-view.js';
 import '@things-factory/worklist/dist-client/components/activity-thread-timeline.js';
 import gql from 'graphql-tag';
 import { css, html, LitElement, nothing } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { client } from '@operato/graphql';
+import { customElement, property } from 'lit/decorators.js';
+import { QueryController } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
 import { ScrollbarStyles } from '@operato/styles';
 import { GhostPrint } from '@operato/ghost-print';
 let DataOocView = class DataOocView extends localize(i18next)(LitElement) {
     constructor() {
         super(...arguments);
+        /* The record this view is given (ADR-0190). */
+        this.dataOocQuery = new QueryController(this, gql `
+      query ($id: String!) {
+        dataOoc(id: $id) {
+          id
+          name
+          description
+          useCase
+          dataSet {
+            id
+            name
+            monitorType
+            monitorView
+          }
+          key01
+          key02
+          key03
+          key04
+          key05
+          partitionKeys
+          dataItems {
+            name
+            description
+            active
+            hidden
+            tag
+            group
+            subgroup
+            type
+            unit
+            options
+            quota
+            spec
+            stat
+          }
+          data
+          rawData
+          judgment
+          ooc
+          oos
+          state
+          history
+          workDate
+          workShift
+          correctiveInstruction
+          correctiveAction
+          reviewedAt
+          reviewer {
+            id
+            name
+          }
+          correctedAt
+          corrector {
+            id
+            name
+          }
+          updater {
+            id
+            name
+          }
+          updatedAt
+          collectedAt
+          reviewActivityInstance {
+            ...ActivityInstanceFragment
+          }
+          resolveActivityInstance {
+            ...ActivityInstanceFragment
+          }
+        }
+      }
+
+      fragment ActivityInstanceFragment on ActivityInstance {
+        activityThreads {
+          assignee {
+            name
+          }
+          output
+          activityApprovals {
+            judgment
+            approver {
+              name
+            }
+            comment
+            createdAt
+            updatedAt
+            terminatedAt
+          }
+          activityThreadHistories {
+            transaction
+            reason
+            updater {
+              name
+            }
+            updatedAt
+            state
+            output
+          }
+        }
+      }
+    `, { variables: () => (this.dataOocId ? { id: this.dataOocId } : undefined) });
         this.printHandler = this.handlePrint.bind(this);
     }
     static { this.styles = [
@@ -49,6 +149,9 @@ let DataOocView = class DataOocView extends localize(i18next)(LitElement) {
       }
     `
     ]; }
+    get dataOoc() {
+        return this.dataOocQuery.data?.dataOoc;
+    }
     render() {
         if (!this.dataOoc) {
             return nothing;
@@ -86,119 +189,6 @@ let DataOocView = class DataOocView extends localize(i18next)(LitElement) {
       </md-fab>
     `;
     }
-    updated(changes) {
-        if (changes.has('dataOocId')) {
-            this.fetchDataOoc();
-        }
-    }
-    async fetchDataOoc() {
-        const id = this.dataOocId;
-        const response = await client.query({
-            query: gql `
-        query ($id: String!) {
-          dataOoc(id: $id) {
-            id
-            name
-            description
-            useCase
-            dataSet {
-              id
-              name
-              monitorType
-              monitorView
-            }
-            key01
-            key02
-            key03
-            key04
-            key05
-            partitionKeys
-            dataItems {
-              name
-              description
-              active
-              hidden
-              tag
-              group
-              subgroup
-              type
-              unit
-              options
-              quota
-              spec
-              stat
-            }
-            data
-            rawData
-            judgment
-            ooc
-            oos
-            state
-            history
-            workDate
-            workShift
-            correctiveInstruction
-            correctiveAction
-            reviewedAt
-            reviewer {
-              id
-              name
-            }
-            correctedAt
-            corrector {
-              id
-              name
-            }
-            updater {
-              id
-              name
-            }
-            updatedAt
-            collectedAt
-            reviewActivityInstance {
-              ...ActivityInstanceFragment
-            }
-            resolveActivityInstance {
-              ...ActivityInstanceFragment
-            }
-          }
-        }
-
-        fragment ActivityInstanceFragment on ActivityInstance {
-          activityThreads {
-            assignee {
-              name
-            }
-            output
-            activityApprovals {
-              judgment
-              approver {
-                name
-              }
-              comment
-              createdAt
-              updatedAt
-              terminatedAt
-            }
-            activityThreadHistories {
-              transaction
-              reason
-              updater {
-                name
-              }
-              updatedAt
-              state
-              output
-            }
-          }
-        }
-      `,
-            variables: {
-                id
-            }
-        });
-        this.dataOoc = response.data.dataOoc;
-    }
     handlePrint(event) {
         if ((event.ctrlKey || event.metaKey) && event.key === 'p') {
             event.preventDefault();
@@ -223,10 +213,6 @@ __decorate([
     }),
     __metadata("design:type", String)
 ], DataOocView.prototype, "dataOocId", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], DataOocView.prototype, "dataOoc", void 0);
 DataOocView = __decorate([
     customElement('data-ooc-view')
 ], DataOocView);

package/dist-client/pages/data-ooc/data-ooc-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-ooc-view.js","sourceRoot":"","sources":["../../../client/pages/data-ooc/data-ooc-view.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/fab/fab.js'\nimport '@operato/dataset/ox-data-ooc-brief-view.js'\nimport '@things-factory/worklist/dist-client/components/activity-thread-timeline.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } 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 { GhostPrint } from '@operato/ghost-print'\n\n@customElement('data-ooc-view')\nexport class DataOocView extends localize(i18next)(LitElement) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: block;\n        position: relative;\n        background-color: var(--md-sys-color-surface);\n\n        overflow: auto;\n      }\n\n      ox-data-ooc-brief-view {\n        padding: var(--spacing-large);\n      }\n\n      activity-thread-timeline {\n        margin: var(--spacing-medium);\n      }\n\n      md-fab {\n        position: fixed;\n        bottom: 15px;\n        right: 16px;\n        text-decoration: auto;\n        opacity: 0.5;\n      }\n\n      @media print {\n        md-fab {\n          display: none;\n        }\n      }\n    `\n  ]\n\n  @property({\n    type: String,\n    attribute: 'data-ooc-id'\n  })\n  dataOocId?: string\n\n  @state() dataOoc?: any\n\n  private printHandler = this.handlePrint.bind(this)\n\n  render() {\n    if (!this.dataOoc) {\n      return nothing\n    }\n\n    const reviewActivityThread = this.dataOoc?.reviewActivityInstance?.activityThreads?.[0]\n    const resolveActivityThread = this.dataOoc?.resolveActivityInstance?.activityThreads?.[0]\n\n    return html`\n      <ox-data-ooc-brief-view .dataOoc=${this.dataOoc}></ox-data-ooc-brief-view>\n      ${reviewActivityThread\n        ? html`\n            <activity-thread-timeline\n              subtitle=${String(i18next.t('label.ooc review timeline'))}\n              .activityThread=${reviewActivityThread}\n              short-form\n            ></activity-thread-timeline>\n          `\n        : nothing}\n      ${resolveActivityThread\n        ? html`\n            <activity-thread-timeline\n              subtitle=${String(i18next.t('label.ooc resolve timeline'))}\n              .activityThread=${resolveActivityThread}\n              short-form\n            ></activity-thread-timeline>\n          `\n        : nothing}\n\n      <md-fab\n        title=\"print\"\n        @click=${() =>\n          GhostPrint.print({\n            src: `./data-ooc/${this.dataOoc.id}`\n          })}\n      >\n        <md-icon slot=\"icon\">print</md-icon>\n      </md-fab>\n    `\n  }\n\n  updated(changes) {\n    if (changes.has('dataOocId')) {\n      this.fetchDataOoc()\n    }\n  }\n\n  async fetchDataOoc() {\n    const id = this.dataOocId\n\n    const response = await client.query({\n      query: gql`\n        query ($id: String!) {\n          dataOoc(id: $id) {\n            id\n            name\n            description\n            useCase\n            dataSet {\n              id\n              name\n              monitorType\n              monitorView\n            }\n            key01\n            key02\n            key03\n            key04\n            key05\n            partitionKeys\n            dataItems {\n              name\n              description\n              active\n              hidden\n              tag\n              group\n              subgroup\n              type\n              unit\n              options\n              quota\n              spec\n              stat\n            }\n            data\n            rawData\n            judgment\n            ooc\n            oos\n            state\n            history\n            workDate\n            workShift\n            correctiveInstruction\n            correctiveAction\n            reviewedAt\n            reviewer {\n              id\n              name\n            }\n            correctedAt\n            corrector {\n              id\n              name\n            }\n            updater {\n              id\n              name\n            }\n            updatedAt\n            collectedAt\n            reviewActivityInstance {\n              ...ActivityInstanceFragment\n            }\n            resolveActivityInstance {\n              ...ActivityInstanceFragment\n            }\n          }\n        }\n\n        fragment ActivityInstanceFragment on ActivityInstance {\n          activityThreads {\n            assignee {\n              name\n            }\n            output\n            activityApprovals {\n              judgment\n              approver {\n                name\n              }\n              comment\n              createdAt\n              updatedAt\n              terminatedAt\n            }\n            activityThreadHistories {\n              transaction\n              reason\n              updater {\n                name\n              }\n              updatedAt\n              state\n              output\n            }\n          }\n        }\n      `,\n      variables: {\n        id\n      }\n    })\n\n    this.dataOoc = response.data.dataOoc\n  }\n\n  handlePrint(event) {\n    if ((event.ctrlKey || event.metaKey) && event.key === 'p') {\n      event.preventDefault()\n\n      GhostPrint.print({\n        src: `./data-ooc/${this.dataOoc.id}`\n      })\n    }\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback()\n    window.addEventListener('keydown', this.printHandler)\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback()\n    window.removeEventListener('keydown', this.printHandler)\n  }\n}\n"]}
+{"version":3,"file":"data-ooc-view.js","sourceRoot":"","sources":["../../../client/pages/data-ooc/data-ooc-view.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/fab/fab.js'\nimport '@operato/dataset/ox-data-ooc-brief-view.js'\nimport '@things-factory/worklist/dist-client/components/activity-thread-timeline.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { QueryController } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { GhostPrint } from '@operato/ghost-print'\n\n@customElement('data-ooc-view')\nexport class DataOocView extends localize(i18next)(LitElement) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: block;\n        position: relative;\n        background-color: var(--md-sys-color-surface);\n\n        overflow: auto;\n      }\n\n      ox-data-ooc-brief-view {\n        padding: var(--spacing-large);\n      }\n\n      activity-thread-timeline {\n        margin: var(--spacing-medium);\n      }\n\n      md-fab {\n        position: fixed;\n        bottom: 15px;\n        right: 16px;\n        text-decoration: auto;\n        opacity: 0.5;\n      }\n\n      @media print {\n        md-fab {\n          display: none;\n        }\n      }\n    `\n  ]\n\n  @property({\n    type: String,\n    attribute: 'data-ooc-id'\n  })\n  dataOocId?: string\n\n  /* The record this view is given (ADR-0190). */\n  private dataOocQuery = new QueryController(\n    this,\n    gql`\n      query ($id: String!) {\n        dataOoc(id: $id) {\n          id\n          name\n          description\n          useCase\n          dataSet {\n            id\n            name\n            monitorType\n            monitorView\n          }\n          key01\n          key02\n          key03\n          key04\n          key05\n          partitionKeys\n          dataItems {\n            name\n            description\n            active\n            hidden\n            tag\n            group\n            subgroup\n            type\n            unit\n            options\n            quota\n            spec\n            stat\n          }\n          data\n          rawData\n          judgment\n          ooc\n          oos\n          state\n          history\n          workDate\n          workShift\n          correctiveInstruction\n          correctiveAction\n          reviewedAt\n          reviewer {\n            id\n            name\n          }\n          correctedAt\n          corrector {\n            id\n            name\n          }\n          updater {\n            id\n            name\n          }\n          updatedAt\n          collectedAt\n          reviewActivityInstance {\n            ...ActivityInstanceFragment\n          }\n          resolveActivityInstance {\n            ...ActivityInstanceFragment\n          }\n        }\n      }\n\n      fragment ActivityInstanceFragment on ActivityInstance {\n        activityThreads {\n          assignee {\n            name\n          }\n          output\n          activityApprovals {\n            judgment\n            approver {\n              name\n            }\n            comment\n            createdAt\n            updatedAt\n            terminatedAt\n          }\n          activityThreadHistories {\n            transaction\n            reason\n            updater {\n              name\n            }\n            updatedAt\n            state\n            output\n          }\n        }\n      }\n    `,\n    { variables: () => (this.dataOocId ? { id: this.dataOocId } : undefined) }\n  )\n\n  get dataOoc(): any | undefined {\n    return this.dataOocQuery.data?.dataOoc\n  }\n\n  private printHandler = this.handlePrint.bind(this)\n\n  render() {\n    if (!this.dataOoc) {\n      return nothing\n    }\n\n    const reviewActivityThread = this.dataOoc?.reviewActivityInstance?.activityThreads?.[0]\n    const resolveActivityThread = this.dataOoc?.resolveActivityInstance?.activityThreads?.[0]\n\n    return html`\n      <ox-data-ooc-brief-view .dataOoc=${this.dataOoc}></ox-data-ooc-brief-view>\n      ${reviewActivityThread\n        ? html`\n            <activity-thread-timeline\n              subtitle=${String(i18next.t('label.ooc review timeline'))}\n              .activityThread=${reviewActivityThread}\n              short-form\n            ></activity-thread-timeline>\n          `\n        : nothing}\n      ${resolveActivityThread\n        ? html`\n            <activity-thread-timeline\n              subtitle=${String(i18next.t('label.ooc resolve timeline'))}\n              .activityThread=${resolveActivityThread}\n              short-form\n            ></activity-thread-timeline>\n          `\n        : nothing}\n\n      <md-fab\n        title=\"print\"\n        @click=${() =>\n          GhostPrint.print({\n            src: `./data-ooc/${this.dataOoc.id}`\n          })}\n      >\n        <md-icon slot=\"icon\">print</md-icon>\n      </md-fab>\n    `\n  }\n\n  handlePrint(event) {\n    if ((event.ctrlKey || event.metaKey) && event.key === 'p') {\n      event.preventDefault()\n\n      GhostPrint.print({\n        src: `./data-ooc/${this.dataOoc.id}`\n      })\n    }\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback()\n    window.addEventListener('keydown', this.printHandler)\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback()\n    window.removeEventListener('keydown', this.printHandler)\n  }\n}\n"]}

package/dist-client/pages/data-ooc/data-oocs-page.d.ts

@@ -7,12 +7,13 @@ declare const DataOocsPage_base: (new (...args: any[]) => import("lit").LitEleme
  */
 export declare class DataOocsPage extends DataOocsPage_base {
     static styles: import("lit").CSSResult[];
-    dataOocs?: any[];
+    private ids?;
+    private dataOocsQuery;
+    get dataOocs(): any[] | undefined;
     get context(): {
         title: string;
     };
     render(): import("lit-html").TemplateResult<1>[] | undefined;
     pageUpdated(changes: any, lifecycle: any, before: any): void;
-    fetchOocs(ids: string[]): Promise<void>;
 }
 export {};

package/dist-client/pages/data-ooc/data-oocs-page.js

@@ -6,83 +6,14 @@ import { html, css, nothing } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
 import { PageView } from '@operato/shell';
 import { i18next, localize } from '@operato/i18n';
-import { client } from '@operato/graphql';
+import { QueryController } from '@operato/graphql';
 /**
  * 이 페이지는 여러개의 Data OOC를 한번에 프린트하기 위한 용도로 사용되는 페이지이다.
  */
 let DataOocsPage = class DataOocsPage extends localize(i18next)(PageView) {
-    static { this.styles = [
-        css `
-      :host {
-        display: block;
-        overflow: auto;
-      }
-
-      activity-thread-timeline {
-        margin: var(--spacing-medium);
-      }
-
-      .end {
-        page-break-after: always;
-        break-after: always;
-      }
-    `
-    ]; }
-    get context() {
-        return {
-            title: i18next.t('title.data-ooc view')
-        };
-    }
-    render() {
-        return this.dataOocs?.map(dataOoc => {
-            const reviewActivityThread = dataOoc?.reviewActivityInstance?.activityThreads?.[0];
-            const resolveActivityThread = dataOoc?.resolveActivityInstance?.activityThreads?.[0];
-            return html `
-        <ox-data-ooc-brief-view .dataOoc=${dataOoc}></ox-data-ooc-brief-view>
-        ${reviewActivityThread
-                ? html `
-              <activity-thread-timeline
-                subtitle=${String(i18next.t('label.ooc review timeline'))}
-                .activityThread=${reviewActivityThread}
-                short-form
-              ></activity-thread-timeline>
-            `
-                : nothing}
-        ${resolveActivityThread
-                ? html `
-              <activity-thread-timeline
-                subtitle=${String(i18next.t('label.ooc resolve timeline'))}
-                .activityThread=${resolveActivityThread}
-                short-form
-              ></activity-thread-timeline>
-            `
-                : nothing}
-        <div class="end"></div>
-      `;
-        });
-    }
-    pageUpdated(changes, lifecycle, before) {
-        if (this.active) {
-            /*
-             * this page is activated
-             */
-            const { ids = '' } = lifecycle.params;
-            this.fetchOocs(ids.split('|').map(id => id.trim()));
-        }
-        else {
-            /* this page is deactivated */
-        }
-    }
-    async fetchOocs(ids) {
-        const filters = [
-            {
-                name: 'id',
-                operator: 'in',
-                value: ids
-            }
-        ];
-        const response = await client.query({
-            query: gql `
+    constructor() {
+        super(...arguments);
+        this.dataOocsQuery = new QueryController(this, gql `
         query ($filters: [Filter!]) {
           dataOocs(filters: $filters) {
             items {
@@ -179,18 +110,78 @@ let DataOocsPage = class DataOocsPage extends localize(i18next)(PageView) {
             }
           }
         }
-      `,
-            variables: {
-                filters
-            }
+    `, { variables: () => (this.ids ? { filters: [{ name: 'id', operator: 'in', value: this.ids }] } : undefined) });
+    }
+    static { this.styles = [
+        css `
+      :host {
+        display: block;
+        overflow: auto;
+      }
+
+      activity-thread-timeline {
+        margin: var(--spacing-medium);
+      }
+
+      .end {
+        page-break-after: always;
+        break-after: always;
+      }
+    `
+    ]; }
+    get dataOocs() {
+        return this.dataOocsQuery.data?.dataOocs.items;
+    }
+    get context() {
+        return {
+            title: i18next.t('title.data-ooc view')
+        };
+    }
+    render() {
+        return this.dataOocs?.map(dataOoc => {
+            const reviewActivityThread = dataOoc?.reviewActivityInstance?.activityThreads?.[0];
+            const resolveActivityThread = dataOoc?.resolveActivityInstance?.activityThreads?.[0];
+            return html `
+        <ox-data-ooc-brief-view .dataOoc=${dataOoc}></ox-data-ooc-brief-view>
+        ${reviewActivityThread
+                ? html `
+              <activity-thread-timeline
+                subtitle=${String(i18next.t('label.ooc review timeline'))}
+                .activityThread=${reviewActivityThread}
+                short-form
+              ></activity-thread-timeline>
+            `
+                : nothing}
+        ${resolveActivityThread
+                ? html `
+              <activity-thread-timeline
+                subtitle=${String(i18next.t('label.ooc resolve timeline'))}
+                .activityThread=${resolveActivityThread}
+                short-form
+              ></activity-thread-timeline>
+            `
+                : nothing}
+        <div class="end"></div>
+      `;
         });
-        this.dataOocs = response.data.dataOocs.items;
+    }
+    pageUpdated(changes, lifecycle, before) {
+        if (this.active) {
+            /*
+             * this page is activated
+             */
+            const { ids = '' } = lifecycle.params;
+            this.ids = ids.split('|').map(id => id.trim());
+        }
+        else {
+            /* this page is deactivated */
+        }
     }
 };
 __decorate([
     state(),
     __metadata("design:type", Array)
-], DataOocsPage.prototype, "dataOocs", void 0);
+], DataOocsPage.prototype, "ids", void 0);
 DataOocsPage = __decorate([
     customElement('data-oocs-page')
 ], DataOocsPage);