npm - @things-factory/dataset - Versions diffs - 7.0.0-alpha.6 → 7.0.0-alpha.7 - Mend

@things-factory/dataset 7.0.0-alpha.6 → 7.0.0-alpha.7

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 (117) hide show

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

@@ -87,6 +87,41 @@ let DataOocViewPage = class DataOocViewPage extends localize(i18next)(PageView)
             }
             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
+            }
           }
         }
       `,
@@ -106,6 +141,13 @@ DataOocViewPage.styles = [
       data-ooc-view {
         flex: 1;
       }
+      @media print {
+        :host {
+          display: block;
+          overflow: visible;
+        }
+      }
     `
 ];
 __decorate([

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

	@@ -1 +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;~~IAe9D~~,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;YACf;;eAEG;YACH,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;SACpC;aAAM;YACL,8BAA8B;SAC/B;IACH,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC,EAAU;QACvB,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA0DT~~;YACD,SAAS,EAAE;gBACT,EAAE;aACH;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;IACtC,CAAC;;~~AA1GM~~,sBAAM,GAAG;IACd,GAAG,CAAA~~;;;;;;;;KAQF~~;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAc;~~AAb9B~~,eAAe;IAD3B,aAAa,CAAC,eAAe,CAAC;GAClB,eAAe,~~CA4G3B~~;~~SA5GY~~,eAAe","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 ]\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 }\n key01\n key02\n key03\n key04\n key05\n partitionKeys\n dataItems {\n name\n description\n active\n tag\n group\n type\n unit\n options\n quota\n spec\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 }\n }\n `,\n variables: {\n id\n }\n })\n\n this.dataOoc = response.data.dataOoc\n }\n}\n"]}
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;IAsB9D,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;YACf;;eAEG;YACH,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;SACpC;aAAM;YACL,8BAA8B;SAC/B;IACH,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC,EAAU;QACvB,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6FT;YACD,SAAS,EAAE;gBACT,EAAE;aACH;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;IACtC,CAAC;;AApJM,sBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;KAeF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAc;AApB9B,eAAe;IAD3B,aAAa,CAAC,eAAe,CAAC;GAClB,eAAe,CAsJ3B;SAtJY,eAAe","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 }\n key01\n key02\n key03\n key04\n key05\n partitionKeys\n dataItems {\n name\n description\n active\n tag\n group\n type\n unit\n options\n quota\n spec\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"]}

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

@@ -1,13 +1,16 @@
 import '@operato/dataset/ox-data-ooc-brief-view.js';
 import '@material/mwc-fab';
-import { LitElement } from 'lit';
+import '@things-factory/worklist/dist-client/components/activity-thread-timeline.js';
+import { LitElement, nothing } from 'lit';
 declare const DataOocView_base: (new (...args: any[]) => LitElement) & typeof LitElement;
 export declare class DataOocView extends DataOocView_base {
     static styles: import("lit").CSSResult[];
+    dataOocId?: string;
     dataOoc?: any;
-    sampleView: HTMLTextAreaElement;
     private printHandler;
-    render(): import("lit-html").TemplateResult<1>;
+    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 CHANGED Viewed

@@ -1,8 +1,11 @@
 import { __decorate, __metadata } from "tslib";
 import '@operato/dataset/ox-data-ooc-brief-view.js';
 import '@material/mwc-fab';
-import { css, html, LitElement } from 'lit';
-import { customElement, property, query } from 'lit/decorators.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 { i18next, localize } from '@operato/i18n';
 import { ScrollbarStyles } from '@operato/styles';
 import { GhostPrint } from '@operato/ghost-print';
@@ -12,8 +15,32 @@ let DataOocView = class DataOocView extends localize(i18next)(LitElement) {
         this.printHandler = this.handlePrint.bind(this);
     }
     render() {
+        var _a, _b, _c, _d, _e, _f;
+        if (!this.dataOoc) {
+            return nothing;
+        }
+        const reviewActivityThread = (_c = (_b = (_a = this.dataOoc) === null || _a === void 0 ? void 0 : _a.reviewActivityInstance) === null || _b === void 0 ? void 0 : _b.activityThreads) === null || _c === void 0 ? void 0 : _c[0];
+        const resolveActivityThread = (_f = (_e = (_d = this.dataOoc) === null || _d === void 0 ? void 0 : _d.resolveActivityInstance) === null || _e === void 0 ? void 0 : _e.activityThreads) === null || _f === void 0 ? void 0 : _f[0];
         return html `
       <ox-data-ooc-brief-view .dataOoc=${this.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}
       <mwc-fab
         icon="print"
@@ -25,6 +52,116 @@ let DataOocView = class DataOocView extends localize(i18next)(LitElement) {
       >
     `;
     }
+    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
+            }
+            key01
+            key02
+            key03
+            key04
+            key05
+            partitionKeys
+            dataItems {
+              name
+              description
+              active
+              hidden
+              tag
+              group
+              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();
@@ -46,21 +183,23 @@ DataOocView.styles = [
     ScrollbarStyles,
     css `
       :host {
-        display: flex;
-        flex-direction: column;
+        display: block;
         position: relative;
         background-color: #fff;
+        overflow: auto;
       }
       ox-data-ooc-brief-view {
-        flex: 1;
         padding: var(--padding-wide);
-        overflow: auto;
+      }
+      activity-thread-timeline {
+        margin: var(--margin-default);
       }
       mwc-fab {
-        position: absolute;
+        position: fixed;
         bottom: 15px;
         right: 16px;
         text-decoration: auto;
@@ -68,15 +207,6 @@ DataOocView.styles = [
       }
       @media print {
-        :host {
-          display: block;
-        }
-        ox-data-ooc-brief-view {
-          flex: unset;
-          overflow: visible;
-        }
         mwc-fab {
           display: none;
         }
@@ -84,13 +214,16 @@ DataOocView.styles = [
     `
 ];
 __decorate([
-    property({ type: Object }),
+    property({
+        type: String,
+        attribute: 'data-ooc-id'
+    }),
+    __metadata("design:type", String)
+], DataOocView.prototype, "dataOocId", void 0);
+__decorate([
+    state(),
     __metadata("design:type", Object)
 ], DataOocView.prototype, "dataOoc", void 0);
-__decorate([
-    query('ox-data-ooc-brief-view'),
-    __metadata("design:type", HTMLTextAreaElement)
-], DataOocView.prototype, "sampleView", void 0);
 DataOocView = __decorate([
     customElement('data-ooc-view')
 ], DataOocView);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"data-ooc-view.js","sourceRoot":"","sources":["../../../client/pages/data-ooc/data-ooc-view.ts"],"names":[],"mappings":";AAAA,OAAO,4CAA4C,CAAA;AACnD,OAAO,mBAAmB,CAAA;~~AAE1B~~,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;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAG1C,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAAvD;;~~QA+CG~~,iBAAY,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;~~IAqCpD~~,CAAC;~~IAnCC~~,MAAM;QACJ,OAAO,IAAI,CAAA;yCAC0B,IAAI,CAAC,OAAO;;;;;~~iBAKpC~~,GAAG,EAAE,CACZ,UAAU,CAAC,KAAK,CAAC;YACf,GAAG,EAAE,cAAc,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE;SACrC,CAAC;;;KAGP,CAAA;IACH,CAAC;IAED,WAAW,CAAC,KAAK;QACf,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;YACzD,KAAK,CAAC,cAAc,EAAE,CAAA;YAEtB,UAAU,CAAC,KAAK,CAAC;gBACf,GAAG,EAAE,cAAc,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE;aACrC,CAAC,CAAA;SACH;IACH,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;IACvD,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAA;QAC5B,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;IAC1D,CAAC;;~~AAlFM~~,kBAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqCF~~;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,~~EAAE,~~IAAI,EAAE,MAAM,EAAE,CAAC;;~~4CAAc~~;~~AAEzC~~;IAAC,KAAK,~~CAAC,wBAAwB,CAAC~~;~~8BAAc~~,~~mBAAmB;+CAAA;AA7CtD,~~WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,~~CAoFvB~~;~~SApFY~~,WAAW","sourcesContent":["import '@operato/dataset/ox-data-ooc-brief-view.js'\nimport '@material/mwc-fab'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\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: ~~flex~~;\n ~~flex-direction: column;\n~~ position: relative;\n\n background-color: #fff;\n }\n\n ox-data-ooc-brief-view {\n ~~flex: 1;\n~~ padding: var(--padding-wide);\n ~~overflow~~: ~~auto~~;\n }\n\n mwc-fab {\n position: ~~absolute~~;\n bottom: 15px;\n right: 16px;\n text-decoration: auto;\n opacity: 0.5;\n }\n\n @media print {\n ~~:host {\n display: block;\n }\n\n ox-data-ooc-brief-view {\n flex: unset;\n overflow: visible;\n }\n\n~~ mwc-fab {\n display: none;\n }\n }\n `\n ]\n\n @property({ type: ~~Object~~ }) ~~dataOoc~~?: ~~any~~\n\n @~~query~~(~~'ox-data-ooc-brief-view'~~) ~~sampleView!:~~ ~~HTMLTextAreaElement~~\n\n private printHandler = this.handlePrint.bind(this)\n\n render() {\n return html`\n <ox-data-ooc-brief-view .dataOoc=${this.dataOoc}></ox-data-ooc-brief-view>\n\n <mwc-fab\n icon=\"print\"\n title=\"print\"\n @click=${() =>\n GhostPrint.print({\n src: `./data-ooc/${this.dataOoc.id}`\n })}\n >print</mwc-fab\n >\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"]}
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 '@operato/dataset/ox-data-ooc-brief-view.js'\nimport '@material/mwc-fab'\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: #fff;\n\n overflow: auto;\n }\n\n ox-data-ooc-brief-view {\n padding: var(--padding-wide);\n }\n\n activity-thread-timeline {\n margin: var(--margin-default);\n }\n\n mwc-fab {\n position: fixed;\n bottom: 15px;\n right: 16px;\n text-decoration: auto;\n opacity: 0.5;\n }\n\n @media print {\n mwc-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 <mwc-fab\n icon=\"print\"\n title=\"print\"\n @click=${() =>\n GhostPrint.print({\n src: `./data-ooc/${this.dataOoc.id}`\n })}\n >print</mwc-fab\n >\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 }\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 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"]}

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

@@ -1,4 +1,5 @@
 import '@operato/dataset/ox-data-ooc-brief-view.js';
+import '@things-factory/worklist/dist-client/components/activity-thread-timeline.js';
 import { PageView } from '@operato/shell';
 declare const DataOocsPage_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
 /**

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

@@ -1,7 +1,8 @@
 import { __decorate, __metadata } from "tslib";
 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 { html, css } from 'lit';
+import { html, css, nothing } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
 import { PageView } from '@operato/shell';
 import { i18next, localize } from '@operato/i18n';
@@ -17,7 +18,33 @@ let DataOocsPage = class DataOocsPage extends localize(i18next)(PageView) {
     }
     render() {
         var _a;
-        return (_a = this.dataOocs) === null || _a === void 0 ? void 0 : _a.map(dataOoc => html ` <ox-data-ooc-brief-view .dataOoc=${dataOoc}></ox-data-ooc-brief-view> `);
+        return (_a = this.dataOocs) === null || _a === void 0 ? void 0 : _a.map(dataOoc => {
+            var _a, _b, _c, _d;
+            const reviewActivityThread = (_b = (_a = dataOoc === null || dataOoc === void 0 ? void 0 : dataOoc.reviewActivityInstance) === null || _a === void 0 ? void 0 : _a.activityThreads) === null || _b === void 0 ? void 0 : _b[0];
+            const resolveActivityThread = (_d = (_c = dataOoc === null || dataOoc === void 0 ? void 0 : dataOoc.resolveActivityInstance) === null || _c === void 0 ? void 0 : _c.activityThreads) === null || _d === void 0 ? void 0 : _d[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) {
@@ -97,6 +124,41 @@ let DataOocsPage = class DataOocsPage extends localize(i18next)(PageView) {
               }
               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
             }
           }
         }
@@ -115,7 +177,11 @@ DataOocsPage.styles = [
         overflow: auto;
       }
-      ox-data-ooc-brief-view {
+      activity-thread-timeline {
+        margin: var(--margin-default);
+      }
+      .end {
         page-break-after: always;
         break-after: always;
       }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"data-oocs-page.js","sourceRoot":"","sources":["../../../client/pages/data-ooc/data-oocs-page.ts"],"names":[],"mappings":";AAAA,OAAO,4CAA4C,CAAA;~~AAEnD~~,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,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;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC;;GAEG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;~~IAiB3D~~,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;SACxC,CAAA;IACH,CAAC;IAED,MAAM;;QACJ,OAAO,MAAA,IAAI,CAAC,QAAQ,0CAAE,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAA,~~qCAAqC~~,OAAO,~~6BAA6B~~,CAAC,CAAA;~~IACrH~~,CAAC;IAED,WAAW,CAAC,OAAY,EAAE,SAAc,EAAE,MAAW;QACnD,IAAI,IAAI,CAAC,MAAM,EAAE;YACf;;eAEG;YACH,MAAM,EAAE,GAAG,GAAG,EAAE,EAAE,GAAG,SAAS,CAAC,MAAM,CAAA;YAErC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;SACpD;aAAM;YACL,8BAA8B;SAC/B;IACH,CAAC;IAED,KAAK,CAAC,SAAS,CAAC,GAAa;QAC3B,MAAM,OAAO,GAAG;YACd;gBACE,IAAI,EAAE,IAAI;gBACV,QAAQ,EAAE,IAAI;gBACd,KAAK,EAAE,GAAG;aACX;SACF,CAAA;QAED,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4DT~~;YACD,SAAS,EAAE;gBACT,OAAO;aACR;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAA;IAC9C,CAAC;;~~AApHM~~,mBAAM,GAAG;IACd,GAAG,CAAA~~;;;;;;;;;;KAUF~~;CACF,CAAA;AAED;IAAC,KAAK,EAAE;;8CAAiB;~~AAfd~~,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,~~CAsHxB~~;~~SAtHY~~,YAAY","sourcesContent":["import '@operato/dataset/ox-data-ooc-brief-view.js'\n\nimport gql from 'graphql-tag'\nimport { PropertyValues, html, css } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { PageView } from '@operato/shell'\nimport { i18next, localize } from '@operato/i18n'\nimport { client } from '@operato/graphql'\n\n/*\n 이 페이지는 여러개의 Data OOC를 한번에 프린트하기 위한 용도로 사용되는 페이지이다.\n /\n@customElement('data-oocs-page')\nexport class DataOocsPage extends localize(i18next)(PageView) {\n static styles = [\n css`\n :host {\n display: block;\n overflow: auto;\n }\n\n ox-~~data~~-~~ooc~~-~~brief-view~~ {\n page-break-after: always;\n break-after: always;\n }\n `\n ]\n\n @state() dataOocs?: any[]\n\n get context() {\n return {\n title: i18next.t('title.data-ooc view')\n }\n }\n\n render() {\n return this.dataOocs?.map(dataOoc => html` <ox-data-ooc-brief-view .dataOoc=${dataOoc}></ox-data-ooc-brief-view> `)\n }\n\n pageUpdated(changes: any, lifecycle: any, before: any) {\n if (this.active) {\n /\n * this page is activated\n /\n const { ids = '' } = lifecycle.params\n\n this.fetchOocs(ids.split('\|').map(id => id.trim()))\n } else {\n / this page is deactivated */\n }\n }\n\n async fetchOocs(ids: string[]) {\n const filters = [\n {\n name: 'id',\n operator: 'in',\n value: ids\n }\n ]\n\n const response = await client.query({\n query: gql`\n query ($filters: [Filter!]) {\n dataOocs(filters: $filters) {\n items {\n id\n name\n description\n useCase\n dataSet {\n id\n name\n }\n key01\n key02\n key03\n key04\n key05\n partitionKeys\n dataItems {\n name\n description\n active\n tag\n group\n type\n unit\n options\n quota\n spec\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 }\n }\n }\n `,\n variables: {\n filters\n }\n })\n\n this.dataOocs = response.data.dataOocs.items\n }\n}\n"]}
1	+ {"version":3,"file":"data-oocs-page.js","sourceRoot":"","sources":["../../../client/pages/data-ooc/data-oocs-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@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 { PropertyValues, html, css, nothing } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { PageView } from '@operato/shell'\nimport { i18next, localize } from '@operato/i18n'\nimport { client } from '@operato/graphql'\n\n/*\n 이 페이지는 여러개의 Data OOC를 한번에 프린트하기 위한 용도로 사용되는 페이지이다.\n /\n@customElement('data-oocs-page')\nexport class DataOocsPage extends localize(i18next)(PageView) {\n static styles = [\n css`\n :host {\n display: block;\n overflow: auto;\n }\n\n activity-thread-timeline {\n margin: var(--margin-default);\n }\n\n .end {\n page-break-after: always;\n break-after: always;\n }\n `\n ]\n\n @state() dataOocs?: any[]\n\n get context() {\n return {\n title: i18next.t('title.data-ooc view')\n }\n }\n\n render() {\n return this.dataOocs?.map(dataOoc => {\n const reviewActivityThread = dataOoc?.reviewActivityInstance?.activityThreads?.[0]\n const resolveActivityThread = dataOoc?.resolveActivityInstance?.activityThreads?.[0]\n\n return html`\n <ox-data-ooc-brief-view .dataOoc=${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 <div class=\"end\"></div>\n `\n })\n }\n\n pageUpdated(changes: any, lifecycle: any, before: any) {\n if (this.active) {\n /\n * this page is activated\n /\n const { ids = '' } = lifecycle.params\n\n this.fetchOocs(ids.split('\|').map(id => id.trim()))\n } else {\n / this page is deactivated */\n }\n }\n\n async fetchOocs(ids: string[]) {\n const filters = [\n {\n name: 'id',\n operator: 'in',\n value: ids\n }\n ]\n\n const response = await client.query({\n query: gql`\n query ($filters: [Filter!]) {\n dataOocs(filters: $filters) {\n items {\n id\n name\n description\n useCase\n dataSet {\n id\n name\n }\n key01\n key02\n key03\n key04\n key05\n partitionKeys\n dataItems {\n name\n description\n active\n tag\n group\n type\n unit\n options\n quota\n spec\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\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 filters\n }\n })\n\n this.dataOocs = response.data.dataOocs.items\n }\n}\n"]}

package/dist-client/pages/data-sample/data-sample-list-page.js CHANGED Viewed

@@ -122,7 +122,10 @@ let DataSampleListPage = class DataSampleListPage extends connect(store)(localiz
                 {
                     type: 'string',
                     name: 'key01',
-                    header: i18next.t('field.key-01'),
+                    header: {
+                        renderer: i18next.t('field.key-01'),
+                        group: i18next.t('field.key')
+                    },
                     record: {
                         editable: false
                     },
@@ -133,7 +136,10 @@ let DataSampleListPage = class DataSampleListPage extends connect(store)(localiz
                 {
                     type: 'string',
                     name: 'key02',
-                    header: i18next.t('field.key-02'),
+                    header: {
+                        renderer: i18next.t('field.key-02'),
+                        group: i18next.t('field.key')
+                    },
                     record: {
                         editable: false
                     },
@@ -144,7 +150,10 @@ let DataSampleListPage = class DataSampleListPage extends connect(store)(localiz
                 {
                     type: 'string',
                     name: 'key03',
-                    header: i18next.t('field.key-03'),
+                    header: {
+                        renderer: i18next.t('field.key-03'),
+                        group: i18next.t('field.key')
+                    },
                     record: {
                         editable: false
                     },
@@ -155,7 +164,10 @@ let DataSampleListPage = class DataSampleListPage extends connect(store)(localiz
                 {
                     type: 'string',
                     name: 'key04',
-                    header: i18next.t('field.key-04'),
+                    header: {
+                        renderer: i18next.t('field.key-04'),
+                        group: i18next.t('field.key')
+                    },
                     record: {
                         editable: false
                     },
@@ -166,7 +178,10 @@ let DataSampleListPage = class DataSampleListPage extends connect(store)(localiz
                 {
                     type: 'string',
                     name: 'key05',
-                    header: i18next.t('field.key-05'),
+                    header: {
+                        renderer: i18next.t('field.key-05'),
+                        group: i18next.t('field.key')
+                    },
                     record: {
                         editable: false
                     },
@@ -203,7 +218,7 @@ let DataSampleListPage = class DataSampleListPage extends connect(store)(localiz
                     imex: true
                 },
                 {
-                    type: 'text',
+                    type: 'json5',
                     name: 'rawData',
                     header: i18next.t('field.raw-data'),
                     record: {
@@ -377,6 +392,8 @@ DataSampleListPage.styles = [
         flex-direction: column;
         overflow: hidden;
+        --grid-header-padding: 2px 0 2px 9px;
       }
       ox-grist {