npm - @things-factory/dataset - Versions diffs - 10.1.256 → 10.1.258 - Mend

@things-factory/dataset 10.1.256 → 10.1.258

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

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;AACnD,OAAO,6EAA6E,CAAA;AAEpF,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAkB,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACxD,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;~~aACpD~~,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;;;;;KAcF;KACF,AAhBY,CAgBZ;~~IAID~~,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;SACxC,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE;YAClC,MAAM,oBAAoB,GAAG,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,CAAA;YAClF,MAAM,qBAAqB,GAAG,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,CAAA;YAEpF,OAAO,IAAI,CAAA;2CAC0B,OAAO;UACxC,oBAAoB;gBACpB,CAAC,CAAC,IAAI,CAAA;;2BAEW,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC;kCACvC,oBAAoB;;;aAGzC;gBACH,CAAC,CAAC,OAAO;UACT,qBAAqB;gBACrB,CAAC,CAAC,IAAI,CAAA;;2BAEW,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC;kCACxC,qBAAqB;;;aAG1C;gBACH,CAAC,CAAC,OAAO;;OAEZ,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,WAAW,CAAC,OAAY,EAAE,SAAc,EAAE,MAAW;QACnD,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB;;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;~~QACrD~~,CAAC;aAAM,CAAC;YACN,8BAA8B;QAChC,CAAC;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAiGT;YACD,SAAS,EAAE;gBACT,OAAO;aACR;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAA;IAC9C,CAAC;;~~AArKQ~~;~~IAAR~~,KAAK,EAAE;;~~8CAAiB~~;~~AAnBd~~,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,~~CAyLxB~~","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(--spacing-medium);\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 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\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"]}
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 { QueryController } 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(--spacing-medium);\n }\n\n .end {\n page-break-after: always;\n break-after: always;\n }\n `\n ]\n\n / The records the address lists (ADR-0190). /\n @state() private ids?: string[]\n\n private dataOocsQuery = new QueryController(\n this,\n 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 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\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.ids ? { filters: [{ name: 'id', operator: 'in', value: this.ids }] } : undefined) }\n )\n\n get dataOocs(): any[] \| undefined {\n return this.dataOocsQuery.data?.dataOocs.items\n }\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.ids = ids.split('\|').map(id => id.trim())\n } else {\n / this page is deactivated */\n }\n }\n}\n"]}

package/dist-client/pages/data-report/data-report-samples-page.d.ts CHANGED Viewed

@@ -9,7 +9,8 @@ declare const DataReportSamplesPage_base: (new (...args: any[]) => import("lit")
 export declare class DataReportSamplesPage extends DataReportSamplesPage_base {
     static styles: import("lit").CSSResult[];
     dataKeySetId?: string;
-    dataKeySet: any;
+    private dataKeySetQuery;
+    get dataKeySet(): any;
     container: HTMLIFrameElement;
     get context(): {
         title: string;
@@ -21,6 +22,5 @@ export declare class DataReportSamplesPage extends DataReportSamplesPage_base {
     renderTemplate(filters: any): void;
     pageUpdated(changes: any, lifecycle: any): void;
     fetchHandler({ page, limit, sortings, filters }: FetchOption): Promise<void>;
-    updated(changes: any): Promise<void>;
 }
 export {};

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

@@ -8,12 +8,33 @@ import gql from 'graphql-tag';
 import { css, html } from 'lit';
 import { customElement, query, state } from 'lit/decorators.js';
 import moment from '@operato/moment-timezone-es';
-import { client } from '@operato/graphql';
+import { QueryController } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
 import { PageView } from '@operato/shell';
 import { ScrollbarStyles } from '@operato/styles';
 import { encodeUrlParams } from '@operato/utils';
 let DataReportSamplesPage = class DataReportSamplesPage extends localize(i18next)(PageView) {
+    constructor() {
+        super(...arguments);
+        /* The key set the address names - its keys are filters (ADR-0190). */
+        this.dataKeySetQuery = new QueryController(this, gql `
+      query ($id: String!) {
+        dataKeySet(id: $id) {
+          id
+          name
+          description
+          reportType
+          reportView
+          dataKeyItems {
+            name
+            description
+            dataKey
+            tKey
+          }
+        }
+      }
+    `, { variables: () => (this.dataKeySetId ? { id: this.dataKeySetId } : undefined) });
+    }
     static { this.styles = [
         ScrollbarStyles,
         css `
@@ -29,6 +50,9 @@ let DataReportSamplesPage = class DataReportSamplesPage extends localize(i18next
  }
     `
     ]; }
+    get dataKeySet() {
+        return this.dataKeySetQuery.data?.dataKeySet;
+    }
     get context() {
         const yesterday = moment().subtract(1, 'day').format('YYYY-MM-DD');
         const today = moment().format('YYYY-MM-DD');
@@ -105,41 +129,11 @@ let DataReportSamplesPage = class DataReportSamplesPage extends localize(i18next
         }
     }
     async fetchHandler({ page, limit, sortings = [], filters = [] }) { }
-    async updated(changes) {
-        if (changes.has('dataKeySetId')) {
-            if (!this.dataKeySetId) {
-                this.dataKeySet = null;
-                return;
-            }
-            const response = await client.query({ query: gql `
-          query ($id: String!) {             dataKeySet(id: $id) {               id
-              name
-              description
-              reportType
-              reportView
-              dataKeyItems {                 name
-                description
-                dataKey
-                tKey
- }
- }
- }
-        `,
-                variables: { id: this.dataKeySetId
-                }
-            });
-            this.dataKeySet = response.data.dataKeySet;
-        }
-    }
 };
 __decorate([
     state(),
     __metadata("design:type", String)
 ], DataReportSamplesPage.prototype, "dataKeySetId", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], DataReportSamplesPage.prototype, "dataKeySet", void 0);
 __decorate([
     query('iframe'),
     __metadata("design:type", HTMLIFrameElement)

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

	@@ -1 +1 @@
1	- {"version":3,"file":"data-report-samples-page.js","sourceRoot":"","sources":["../../../client/pages/data-report/data-report-samples-page.ts"],"names":[],"mappings":";AAAA;;;GAGG;AACH,OAAO,qBAAqB,CAAA;AAE5B,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAY,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzE,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAEhD,OAAO,EAAE,~~MAAM~~,EAAE,MAAM,kBAAkB,CAAA;~~AACzC~~,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAIzC,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;~~aAAY~~,WAAM,GAAG;QACvF,eAAe;QACf,GAAG,CAAA;;;;;;;;;;;KAWF;KACF,AAdqF,CAcrF;~~IAMD~~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~~AAhHS~~;IAAR,KAAK,EAAE;;2DAAsB;~~AACrB~~;~~IAAR,KAAK,EAAE;;yDAAgB;AACP;~~IAAhB,KAAK,CAAC,QAAQ,CAAC;8BAAa,iBAAiB;wDAAA;~~AAlBnC~~,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,~~CAiIjC~~","sourcesContent":["/*\n data sample report page from 'data-key-set-list-page'\n * dateKeySetId is required\n /\nimport '@operato/data-grist'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport moment from '@operato/moment-timezone-es'\n\nimport { ~~client~~ } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { encodeUrlParams } from '@operato/utils'\nimport { FetchOption } from '@operato/data-grist'\n\n@customElement('data-report-samples-page')\nexport class DataReportSamplesPage extends localize(i18next)(PageView) { static styles = [\n ScrollbarStyles,\n css`\n :host { display: flex;\n flex-direction: column;\n padding: 0;\n }\n\n #container { flex: 1;\n padding: 0;\n margin: 0;\n border: 0;\n }\n `\n ]\n\n @state() dataKeySetId?: string\n ~~@state~~() dataKeySet: any\n @query('iframe') container!: HTMLIFrameElement\n\n get context() { const yesterday = moment().subtract(1, 'day').format('YYYY-MM-DD')\n const today = moment().format('YYYY-MM-DD')\n\n const filters = [\n { name: 'workDateRange',\n type: 'date',\n label: i18next.t('field.work-date'),\n operator: 'between',\n value: [yesterday, today]\n },\n ...this.getDataKeyFilters()\n ]\n\n return { title: i18next.t('title.data-report samples'),\n help: 'dataset/data-report-samples',\n filters\n }\n }\n\n getDataKeyFilters() { return (\n this.dataKeySet?.dataKeyItems.map((item, index) => { return { type: 'string',\n name: `key_0${index + 1}`,\n label: i18next.t(item.tKey),\n operator: 'i_like',\n width: 120\n }\n }) \|\| []\n )\n }\n\n render() { // clear if pre-loaded\n this.container.src = ''\n\n return html`\n <ox-filters-form-base\n .filters=${this.context.filters}\n @filters-change=${e => { console.log('filters changed', e.detail)\n this.renderTemplate(e.detail.filters)\n }}\n ?url-params-sensitive=${this.active}\n ></ox-filters-form-base>\n\n <iframe></iframe>\n `\n }\n\n renderTemplate(filters) { const params = filters.reduce((acc, curr) => ((acc[curr.name] = curr.value), acc), {})\n Object.assign(params, this.lifecycle.params)\n\n const filterNames = this.getDataKeyFilters().map(x => x.name)\n const dataKeyFilters = filters.filter(x => filterNames.includes(x.name))\n const { workDateRange } = params\n\n /* ignoring date conditions /\n if (!workDateRange[0] \|\| !workDateRange[1] \|\| workDateRange[0] > workDateRange[1]) { return\n }\n\n /* urlencoded params including test values */\n const urlParams = { reportType: params.reportType,\n reportView: params.reportView,\n reportTemplate: params.reportTemplate,\n table: 'samples',\n datasetId: params.datasetId,\n dataKeySetId: params.dataKeySetId,\n startDate: workDateRange[0],\n endDate: workDateRange[1],\n dataKeySetItems: JSON.stringify(this.dataKeySet?.dataKeyItems \|\| []),\n dataKeyFilters: JSON.stringify(dataKeyFilters)\n }\n\n const encodedUrlParams = encodeUrlParams(urlParams)\n\n const reportUrl = `/data-report/${urlParams.reportType}/`\n this.container.src = `${reportUrl}?${encodedUrlParams}`\n }\n\n pageUpdated(changes, lifecycle) { if (this.active) { const { dataKeySetId } = lifecycle.params\n this.dataKeySetId = dataKeySetId\n return\n }\n }\n\n async fetchHandler({ page, limit, sortings = [], filters = [] }: FetchOption) {}\n\n ~~async updated(changes) { if (changes.has('dataKeySetId')) { if (!this.dataKeySetId) { this.dataKeySet = null\n return\n~~ }\n\n const response = await client.query({ query: gql`\n query ($id: String!) { dataKeySet(id: $id) { id\n name\n description\n reportType\n reportView\n dataKeyItems { name\n description\n dataKey\n tKey\n }\n }\n }\n `,\n variables: { id: this.dataKeySetId\n }\n })\n\n this.dataKeySet = response.data.dataKeySet\n }\n }\n}\n"]}
1	+ {"version":3,"file":"data-report-samples-page.js","sourceRoot":"","sources":["../../../client/pages/data-report/data-report-samples-page.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n data sample report page from 'data-key-set-list-page'\n * dateKeySetId is required\n /\nimport '@operato/data-grist'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport moment from '@operato/moment-timezone-es'\n\nimport { QueryController } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { encodeUrlParams } from '@operato/utils'\nimport { FetchOption } from '@operato/data-grist'\n\n@customElement('data-report-samples-page')\nexport class DataReportSamplesPage extends localize(i18next)(PageView) { static styles = [\n ScrollbarStyles,\n css`\n :host { display: flex;\n flex-direction: column;\n padding: 0;\n }\n\n #container { flex: 1;\n padding: 0;\n margin: 0;\n border: 0;\n }\n `\n ]\n\n @state() dataKeySetId?: string\n / The key set the address names - its keys are filters (ADR-0190). /\n private dataKeySetQuery = new QueryController(\n this,\n gql`\n query ($id: String!) {\n dataKeySet(id: $id) {\n id\n name\n description\n reportType\n reportView\n dataKeyItems {\n name\n description\n dataKey\n tKey\n }\n }\n }\n `,\n { variables: () => (this.dataKeySetId ? { id: this.dataKeySetId } : undefined) }\n )\n\n get dataKeySet(): any {\n return this.dataKeySetQuery.data?.dataKeySet\n }\n\n @query('iframe') container!: HTMLIFrameElement\n\n get context() { const yesterday = moment().subtract(1, 'day').format('YYYY-MM-DD')\n const today = moment().format('YYYY-MM-DD')\n\n const filters = [\n { name: 'workDateRange',\n type: 'date',\n label: i18next.t('field.work-date'),\n operator: 'between',\n value: [yesterday, today]\n },\n ...this.getDataKeyFilters()\n ]\n\n return { title: i18next.t('title.data-report samples'),\n help: 'dataset/data-report-samples',\n filters\n }\n }\n\n getDataKeyFilters() { return (\n this.dataKeySet?.dataKeyItems.map((item, index) => { return { type: 'string',\n name: `key_0${index + 1}`,\n label: i18next.t(item.tKey),\n operator: 'i_like',\n width: 120\n }\n }) \|\| []\n )\n }\n\n render() { // clear if pre-loaded\n this.container.src = ''\n\n return html`\n <ox-filters-form-base\n .filters=${this.context.filters}\n @filters-change=${e => { console.log('filters changed', e.detail)\n this.renderTemplate(e.detail.filters)\n }}\n ?url-params-sensitive=${this.active}\n ></ox-filters-form-base>\n\n <iframe></iframe>\n `\n }\n\n renderTemplate(filters) { const params = filters.reduce((acc, curr) => ((acc[curr.name] = curr.value), acc), {})\n Object.assign(params, this.lifecycle.params)\n\n const filterNames = this.getDataKeyFilters().map(x => x.name)\n const dataKeyFilters = filters.filter(x => filterNames.includes(x.name))\n const { workDateRange } = params\n\n /* ignoring date conditions /\n if (!workDateRange[0] \|\| !workDateRange[1] \|\| workDateRange[0] > workDateRange[1]) { return\n }\n\n /* urlencoded params including test values */\n const urlParams = { reportType: params.reportType,\n reportView: params.reportView,\n reportTemplate: params.reportTemplate,\n table: 'samples',\n datasetId: params.datasetId,\n dataKeySetId: params.dataKeySetId,\n startDate: workDateRange[0],\n endDate: workDateRange[1],\n dataKeySetItems: JSON.stringify(this.dataKeySet?.dataKeyItems \|\| []),\n dataKeyFilters: JSON.stringify(dataKeyFilters)\n }\n\n const encodedUrlParams = encodeUrlParams(urlParams)\n\n const reportUrl = `/data-report/${urlParams.reportType}/`\n this.container.src = `${reportUrl}?${encodedUrlParams}`\n }\n\n pageUpdated(changes, lifecycle) { if (this.active) { const { dataKeySetId } = lifecycle.params\n this.dataKeySetId = dataKeySetId\n return\n }\n }\n\n async fetchHandler({ page, limit, sortings = [], filters = [] }: FetchOption) {}\n\n}\n"]}

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

@@ -10,12 +10,11 @@ declare const DataSampleView_base: (new (...args: any[]) => LitElement) & typeof
 export declare class DataSampleView extends DataSampleView_base {
     static styles: import("lit").CSSResult[];
     dataSampleId?: string;
-    dataSample?: DataSample;
+    private dataSampleQuery;
+    get dataSample(): DataSample | undefined;
     private printHandler;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
-    updated(changes: any): void;
     private renderDataSample;
-    fetchDataSample(): Promise<void>;
     handlePrint(event: any): void;
     connectedCallback(): void;
     disconnectedCallback(): void;

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

@@ -7,14 +7,161 @@ import '@operato/dataset/ox-checklist-sample-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 DataSampleView = class DataSampleView extends localize(i18next)(LitElement) {
     constructor() {
         super(...arguments);
+        /* The sample this view is given (ADR-0190). */
+        this.dataSampleQuery = new QueryController(this, gql `
+      query ($id: String!) {
+        dataSample(id: $id) {
+          id
+          name
+          description
+          useCase
+          key01
+          key02
+          key03
+          key04
+          key05
+          data
+          ooc
+          oos
+          updatedAt
+          collectedAt
+          updater {
+            id
+            name
+          }
+          dataSet {
+            id
+            name
+            description
+            monitorType
+            monitorView
+          }
+          dataItems {
+            name
+            description
+            active
+            hidden
+            tag
+            group
+            subgroup
+            type
+            unit
+            options
+            quota
+            spec
+            stat
+          }
+          judgment
+          workDate
+          workShift
+          reviewActivityInstance {
+            ...ActivityInstanceFragment
+          }
+          dataOoc {
+            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
+            }
+            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.dataSampleId ? { id: this.dataSampleId } : undefined) });
         this.printHandler = this.handlePrint.bind(this);
     }
     static { this.styles = [
@@ -52,6 +199,9 @@ let DataSampleView = class DataSampleView extends localize(i18next)(LitElement)
       }
     `
     ]; }
+    get dataSample() {
+        return this.dataSampleQuery.data?.dataSample;
+    }
     render() {
         const dataSample = this.dataSample;
         if (!dataSample) {
@@ -97,11 +247,6 @@ let DataSampleView = class DataSampleView extends localize(i18next)(LitElement)
       </md-fab>
     `;
     }
-    updated(changes) {
-        if (changes.has('dataSampleId')) {
-            this.fetchDataSample();
-        }
-    }
     renderDataSample() {
         const dataSet = this.dataSample?.dataSet;
         const monitorType = dataSet?.monitorType;
@@ -119,161 +264,6 @@ let DataSampleView = class DataSampleView extends localize(i18next)(LitElement)
                 break;
         }
     }
-    async fetchDataSample() {
-        const id = this.dataSampleId;
-        const response = await client.query({
-            query: gql `
-        query ($id: String!) {
-          dataSample(id: $id) {
-            id
-            name
-            description
-            useCase
-            key01
-            key02
-            key03
-            key04
-            key05
-            data
-            ooc
-            oos
-            updatedAt
-            collectedAt
-            updater {
-              id
-              name
-            }
-            dataSet {
-              id
-              name
-              description
-              monitorType
-              monitorView
-            }
-            dataItems {
-              name
-              description
-              active
-              hidden
-              tag
-              group
-              subgroup
-              type
-              unit
-              options
-              quota
-              spec
-              stat
-            }
-            judgment
-            workDate
-            workShift
-            reviewActivityInstance {
-              ...ActivityInstanceFragment
-            }
-            dataOoc {
-              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
-              }
-              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.dataSample = response.data.dataSample;
-    }
     handlePrint(event) {
         if ((event.ctrlKey || event.metaKey) && event.key === 'p') {
             event.preventDefault();
@@ -298,10 +288,6 @@ __decorate([
     }),
     __metadata("design:type", String)
 ], DataSampleView.prototype, "dataSampleId", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], DataSampleView.prototype, "dataSample", void 0);
 DataSampleView = __decorate([
     customElement('data-sample-view')
 ], DataSampleView);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"data-sample-view.js","sourceRoot":"","sources":["../../../client/pages/data-sample/data-sample-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-sample-view.js'\nimport '@operato/dataset/ox-data-ooc-brief-view.js'\nimport '@operato/dataset/ox-checklist-sample-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, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { DataSample } from '@operato/dataset'\nimport { GhostPrint } from '@operato/ghost-print'\n\n@customElement('data-sample-view')\nexport class DataSampleView extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n position: relative;\n display: block;\n overflow: auto;\n background-color: var(--md-sys-color-surface);\n }\n\n ox-data-sample-view,\n ox-checklist-sample-view,\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-sample-id'\n })\n dataSampleId?: string\n\n @state() dataSample?: DataSample\n\n private printHandler = this.handlePrint.bind(this)\n\n render() {\n const dataSample = this.dataSample\n\n if (!dataSample) {\n return nothing\n }\n\n if (dataSample.dataOoc) {\n var reviewActivityThread = dataSample.dataOoc.reviewActivityInstance?.activityThreads?.[0]\n var resolveActivityThread = dataSample.dataOoc.resolveActivityInstance?.activityThreads?.[0]\n } else {\n var reviewActivityThread = dataSample?.reviewActivityInstance?.activityThreads?.[0]\n }\n\n return html`\n ${!dataSample?.dataOoc\n ? html`${this.renderDataSample()}`\n : html` <ox-data-ooc-brief-view .dataOoc=${dataSample!.dataOoc}></ox-data-ooc-brief-view>`}\n ${reviewActivityThread\n ? html`\n <activity-thread-timeline\n subtitle=${String(\n i18next.t(dataSample?.dataOoc ? 'label.ooc review timeline' : 'label.datasample review timeline')\n )}\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-sample/${this.dataSampleId}`\n })}\n >\n <md-icon slot=\"icon\">print</md-icon>\n </md-fab>\n `\n }\n\n updated(changes) {\n if (changes.has('dataSampleId')) {\n this.fetchDataSample()\n }\n }\n\n private renderDataSample() {\n const dataSet = this.dataSample?.dataSet\n const monitorType = dataSet?.monitorType\n\n switch (monitorType) {\n case 'generated':\n return html`<ox-data-sample-view .dataSample=${this.dataSample}></ox-data-sample-view>`\n case 'checklist':\n return html`<ox-checklist-sample-view .dataSample=${this.dataSample}></ox-checklist-sample-view>`\n case 'board':\n break\n case 'page':\n break\n default:\n return html`<ox-data-sample-view .dataSample=${this.dataSample}></ox-data-sample-view>`\n break\n }\n }\n\n async fetchDataSample() {\n const id = this.dataSampleId\n\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n dataSample(id: $id) {\n id\n name\n description\n useCase\n key01\n key02\n key03\n key04\n key05\n data\n ooc\n oos\n updatedAt\n collectedAt\n updater {\n id\n name\n }\n dataSet {\n id\n name\n description\n monitorType\n monitorView\n }\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 judgment\n workDate\n workShift\n reviewActivityInstance {\n ...ActivityInstanceFragment\n }\n dataOoc {\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 }\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 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 id\n }\n })\n\n this.dataSample = response.data.dataSample\n }\n\n handlePrint(event) {\n if ((event.ctrlKey \|\| event.metaKey) && event.key === 'p') {\n event.preventDefault()\n\n GhostPrint.print({\n src: `./data-sample/${this.dataSampleId}`\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-sample-view.js","sourceRoot":"","sources":["../../../client/pages/data-sample/data-sample-view.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,0BAA0B,CAAA;AACjC,OAAO,yCAAyC,CAAA;AAChD,OAAO,4CAA4C,CAAA;AACnD,OAAO,8CAA8C,CAAA;AACrD,OAAO,6EAA6E,CAAA;AAEpF,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAG1C,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAA1D;;QA2CL,+CAA+C;QACvC,oBAAe,GAAG,IAAI,eAAe,CAC3C,IAAI,EACJ,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiJF,EACD,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CACjF,CAAA;QAMO,iBAAY,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IA2FpD,CAAC;aAjSQ,WAAM,GAAG;QACd,eAAe;QACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BF;KACF,AAlCY,CAkCZ;IAgKD,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,UAAU,CAAA;IAC9C,CAAC;IAID,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAA;QAElC,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO,OAAO,CAAA;QAChB,CAAC;QAED,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,IAAI,oBAAoB,GAAG,UAAU,CAAC,OAAO,CAAC,sBAAsB,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,CAAA;YAC1F,IAAI,qBAAqB,GAAG,UAAU,CAAC,OAAO,CAAC,uBAAuB,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,CAAA;QAC9F,CAAC;aAAM,CAAC;YACN,IAAI,oBAAoB,GAAG,UAAU,EAAE,sBAAsB,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,CAAA;QACrF,CAAC;QAED,OAAO,IAAI,CAAA;QACP,CAAC,UAAU,EAAE,OAAO;YACpB,CAAC,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,gBAAgB,EAAE,EAAE;YAClC,CAAC,CAAC,IAAI,CAAA,qCAAqC,UAAW,CAAC,OAAO,4BAA4B;QAC1F,oBAAoB;YACpB,CAAC,CAAC,IAAI,CAAA;;yBAEW,MAAM,CACf,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAClG;gCACiB,oBAAoB;;;WAGzC;YACH,CAAC,CAAC,OAAO;QACT,qBAAqB;YACrB,CAAC,CAAC,IAAI,CAAA;;yBAEW,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC;gCACxC,qBAAqB;;;WAG1C;YACH,CAAC,CAAC,OAAO;;;;iBAIA,GAAG,EAAE,CACZ,UAAU,CAAC,KAAK,CAAC;YACf,GAAG,EAAE,iBAAiB,IAAI,CAAC,YAAY,EAAE;SAC1C,CAAC;;;;KAIP,CAAA;IACH,CAAC;IAEO,gBAAgB;QACtB,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,CAAA;QACxC,MAAM,WAAW,GAAG,OAAO,EAAE,WAAW,CAAA;QAExC,QAAQ,WAAW,EAAE,CAAC;YACpB,KAAK,WAAW;gBACd,OAAO,IAAI,CAAA,oCAAoC,IAAI,CAAC,UAAU,yBAAyB,CAAA;YACzF,KAAK,WAAW;gBACd,OAAO,IAAI,CAAA,yCAAyC,IAAI,CAAC,UAAU,8BAA8B,CAAA;YACnG,KAAK,OAAO;gBACV,MAAK;YACP,KAAK,MAAM;gBACT,MAAK;YACP;gBACE,OAAO,IAAI,CAAA,oCAAoC,IAAI,CAAC,UAAU,yBAAyB,CAAA;gBACvF,MAAK;QACT,CAAC;IACH,CAAC;IAED,WAAW,CAAC,KAAK;QACf,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC1D,KAAK,CAAC,cAAc,EAAE,CAAA;YAEtB,UAAU,CAAC,KAAK,CAAC;gBACf,GAAG,EAAE,iBAAiB,IAAI,CAAC,YAAY,EAAE;aAC1C,CAAC,CAAA;QACJ,CAAC;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;;AAxPD;IAJC,QAAQ,CAAC;QACR,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,gBAAgB;KAC5B,CAAC;;oDACmB;AAzCV,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAkS1B","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/fab/fab.js'\nimport '@operato/dataset/ox-data-sample-view.js'\nimport '@operato/dataset/ox-data-ooc-brief-view.js'\nimport '@operato/dataset/ox-checklist-sample-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 } from 'lit/decorators.js'\n\nimport { QueryController } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { DataSample } from '@operato/dataset'\nimport { GhostPrint } from '@operato/ghost-print'\n\n@customElement('data-sample-view')\nexport class DataSampleView extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n position: relative;\n display: block;\n overflow: auto;\n background-color: var(--md-sys-color-surface);\n }\n\n ox-data-sample-view,\n ox-checklist-sample-view,\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-sample-id'\n })\n dataSampleId?: string\n\n /* The sample this view is given (ADR-0190). */\n private dataSampleQuery = new QueryController(\n this,\n gql`\n query ($id: String!) {\n dataSample(id: $id) {\n id\n name\n description\n useCase\n key01\n key02\n key03\n key04\n key05\n data\n ooc\n oos\n updatedAt\n collectedAt\n updater {\n id\n name\n }\n dataSet {\n id\n name\n description\n monitorType\n monitorView\n }\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 judgment\n workDate\n workShift\n reviewActivityInstance {\n ...ActivityInstanceFragment\n }\n dataOoc {\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 }\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 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: () => (this.dataSampleId ? { id: this.dataSampleId } : undefined) }\n )\n\n get dataSample(): DataSample \| undefined {\n return this.dataSampleQuery.data?.dataSample\n }\n\n private printHandler = this.handlePrint.bind(this)\n\n render() {\n const dataSample = this.dataSample\n\n if (!dataSample) {\n return nothing\n }\n\n if (dataSample.dataOoc) {\n var reviewActivityThread = dataSample.dataOoc.reviewActivityInstance?.activityThreads?.[0]\n var resolveActivityThread = dataSample.dataOoc.resolveActivityInstance?.activityThreads?.[0]\n } else {\n var reviewActivityThread = dataSample?.reviewActivityInstance?.activityThreads?.[0]\n }\n\n return html`\n ${!dataSample?.dataOoc\n ? html`${this.renderDataSample()}`\n : html` <ox-data-ooc-brief-view .dataOoc=${dataSample!.dataOoc}></ox-data-ooc-brief-view>`}\n ${reviewActivityThread\n ? html`\n <activity-thread-timeline\n subtitle=${String(\n i18next.t(dataSample?.dataOoc ? 'label.ooc review timeline' : 'label.datasample review timeline')\n )}\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-sample/${this.dataSampleId}`\n })}\n >\n <md-icon slot=\"icon\">print</md-icon>\n </md-fab>\n `\n }\n\n private renderDataSample() {\n const dataSet = this.dataSample?.dataSet\n const monitorType = dataSet?.monitorType\n\n switch (monitorType) {\n case 'generated':\n return html`<ox-data-sample-view .dataSample=${this.dataSample}></ox-data-sample-view>`\n case 'checklist':\n return html`<ox-checklist-sample-view .dataSample=${this.dataSample}></ox-checklist-sample-view>`\n case 'board':\n break\n case 'page':\n break\n default:\n return html`<ox-data-sample-view .dataSample=${this.dataSample}></ox-data-sample-view>`\n break\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-sample/${this.dataSampleId}`\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-sample/data-samples-page.d.ts CHANGED Viewed

@@ -9,13 +9,14 @@ declare const DataSamplesPage_base: (new (...args: any[]) => import("lit").LitEl
  */
 export declare class DataSamplesPage extends DataSamplesPage_base {
     static styles: import("lit").CSSResult[];
-    dataSamples?: any[];
+    private ids?;
+    private dataSamplesQuery;
+    get dataSamples(): any[] | undefined;
     get context(): {
         title: string;
     };
     render(): import("lit-html").TemplateResult<1>[] | undefined;
     updated(changes: PropertyValues<this>): void;
     pageUpdated(changes: any, lifecycle: any, before: any): void;
-    fetchSamples(ids: string[]): Promise<void>;
 }
 export {};