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

@things-factory/dataset 10.1.256 → 10.1.257

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-sample/data-samples-page.js CHANGED Viewed

@@ -7,87 +7,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 Sample을 한번에 프린트하기 위한 용도로 사용되는 페이지이다.
  */
 let DataSamplesPage = class DataSamplesPage extends localize(i18next)(PageView) {
-    static { this.styles = [
-        css `
-      :host {
-        display: block;
-        overflow: auto;
-      }
-      .end {
-        page-break-after: always;
-        break-after: always;
-      }
-    `
-    ]; }
-    get context() {
-        return {
-            title: i18next.t('title.data-sample view')
-        };
-    }
-    render() {
-        return this.dataSamples?.map(dataSample => {
-            if (dataSample?.dataOoc) {
-                var reviewActivityThread = dataSample.dataOoc.reviewActivityInstance?.activityThreads?.[0];
-                var resolveActivityThread = dataSample.dataOoc.resolveActivityInstance?.activityThreads?.[0];
-            }
-            else {
-                var reviewActivityThread = dataSample?.reviewActivityInstance?.activityThreads?.[0];
-            }
-            return html `
-        ${!dataSample.dataOoc
-                ? html ` <ox-data-sample-view .dataSample=${dataSample}></ox-data-sample-view> `
-                : html ` <ox-data-ooc-brief-view .dataOoc=${dataSample.dataOoc}></ox-data-ooc-brief-view>`}
-        ${reviewActivityThread
-                ? html `
-              <activity-thread-timeline
-                subtitle=${String(i18next.t(dataSample?.dataOoc ? 'label.ooc review timeline' : 'label.datasample 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>
-      `;
-        });
-    }
-    updated(changes) { }
-    pageUpdated(changes, lifecycle, before) {
-        if (this.active) {
-            /*
-             * this page is activated
-             */
-            const { ids = '' } = lifecycle.params;
-            this.fetchSamples(ids.split('|').map(id => id.trim()));
-        }
-        else {
-            /* this page is deactivated */
-        }
-    }
-    async fetchSamples(ids) {
-        const filters = [
-            {
-                name: 'id',
-                operator: 'in',
-                value: ids
-            }
-        ];
-        const response = await client.query({
-            query: gql `
+    constructor() {
+        super(...arguments);
+        this.dataSamplesQuery = new QueryController(this, gql `
         query ($filters: [Filter!]) {
           dataSamples(filters: $filters) {
             items {
@@ -228,18 +155,82 @@ let DataSamplesPage = class DataSamplesPage 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;
+      }
+      .end {
+        page-break-after: always;
+        break-after: always;
+      }
+    `
+    ]; }
+    get dataSamples() {
+        return this.dataSamplesQuery.data?.dataSamples.items;
+    }
+    get context() {
+        return {
+            title: i18next.t('title.data-sample view')
+        };
+    }
+    render() {
+        return this.dataSamples?.map(dataSample => {
+            if (dataSample?.dataOoc) {
+                var reviewActivityThread = dataSample.dataOoc.reviewActivityInstance?.activityThreads?.[0];
+                var resolveActivityThread = dataSample.dataOoc.resolveActivityInstance?.activityThreads?.[0];
+            }
+            else {
+                var reviewActivityThread = dataSample?.reviewActivityInstance?.activityThreads?.[0];
             }
+            return html `
+        ${!dataSample.dataOoc
+                ? html ` <ox-data-sample-view .dataSample=${dataSample}></ox-data-sample-view> `
+                : html ` <ox-data-ooc-brief-view .dataOoc=${dataSample.dataOoc}></ox-data-ooc-brief-view>`}
+        ${reviewActivityThread
+                ? html `
+              <activity-thread-timeline
+                subtitle=${String(i18next.t(dataSample?.dataOoc ? 'label.ooc review timeline' : 'label.datasample 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.dataSamples = response.data.dataSamples.items;
+    }
+    updated(changes) { }
+    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)
-], DataSamplesPage.prototype, "dataSamples", void 0);
+], DataSamplesPage.prototype, "ids", void 0);
 DataSamplesPage = __decorate([
     customElement('data-samples-page')
 ], DataSamplesPage);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"data-samples-page.js","sourceRoot":"","sources":["../../../client/pages/data-sample/data-samples-page.ts"],"names":[],"mappings":";AAAA,OAAO,yCAAyC,CAAA;AAChD,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,eAAe,GAArB,MAAM,eAAgB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;~~aACvD~~,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;KAUF;KACF,AAZY,CAYZ;~~IAID~~,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;SAC3C,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC,UAAU,CAAC,EAAE;YACxC,IAAI,UAAU,EAAE,OAAO,EAAE,CAAC;gBACxB,IAAI,oBAAoB,GAAG,UAAU,CAAC,OAAO,CAAC,sBAAsB,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,CAAA;gBAC1F,IAAI,qBAAqB,GAAG,UAAU,CAAC,OAAO,CAAC,uBAAuB,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,CAAA;YAC9F,CAAC;iBAAM,CAAC;gBACN,IAAI,oBAAoB,GAAG,UAAU,EAAE,sBAAsB,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,CAAA;YACrF,CAAC;YAED,OAAO,IAAI,CAAA;UACP,CAAC,UAAU,CAAC,OAAO;gBACnB,CAAC,CAAC,IAAI,CAAA,qCAAqC,UAAU,0BAA0B;gBAC/E,CAAC,CAAC,IAAI,CAAA,qCAAqC,UAAU,CAAC,OAAO,4BAA4B;UACzF,oBAAoB;gBACpB,CAAC,CAAC,IAAI,CAAA;;2BAEW,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC;kCAClG,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,OAAO,CAAC,OAA6B,IAAG,CAAC;IAEzC,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,~~YAAY~~,~~CAAC~~,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,~~CAAC,~~CAAA;~~QACxD~~,CAAC;aAAM,CAAC;YACN,8BAA8B;QAChC,CAAC;IACH,CAAC;IAED,KAAK,CAAC,YAAY,CAAC,GAAa;QAC9B,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6IT;YACD,SAAS,EAAE;gBACT,OAAO;aACR;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAA;IACpD,CAAC;;~~AAzNQ~~;~~IAAR~~,KAAK,EAAE;;~~oDAAoB~~;~~AAfjB~~,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,~~CAyO3B~~","sourcesContent":["import '@operato/dataset/ox-data-sample-view.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 { 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 Sample을 한번에 프린트하기 위한 용도로 사용되는 페이지이다.\n /\n@customElement('data-samples-page')\nexport class DataSamplesPage extends localize(i18next)(PageView) {\n static styles = [\n css`\n :host {\n display: block;\n overflow: auto;\n }\n\n .end {\n page-break-after: always;\n break-after: always;\n }\n `\n ]\n\n ~~@state()~~ ~~dataSamples?:~~ ~~any[]\n\n get~~ ~~context()~~ ~~{\n return~~ ~~{\n title:~~ ~~i18next.t~~(~~'title.data~~-~~sample view'~~)~~\n }\n }\n\n render() {\n return this~~.~~dataSamples?.map(dataSample~~ ~~=> {\~~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` <ox-data-sample-view .dataSample=${dataSample}></ox-data-sample-view> `\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(i18next.t(dataSample?.dataOoc ? 'label.ooc review timeline' : 'label.datasample 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 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 const { ids~~ = '' ~~} = lifecycle.params\n\n this.fetchSamples~~(~~ids.split('\|').map(id => id.trim()))~~\n } else {\n / this ~~page is deactivated */\n }\n }\n\n async fetchSamples(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 dataSamples(filters: $filters) {\n items {\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 }\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 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 }\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\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.~~dataSamples~~ = ~~response~~.~~data~~.~~dataSamples~~.~~items~~\n }\n}\n"]}
1	+ {"version":3,"file":"data-samples-page.js","sourceRoot":"","sources":["../../../client/pages/data-sample/data-samples-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/dataset/ox-data-sample-view.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 { 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 Sample을 한번에 프린트하기 위한 용도로 사용되는 페이지이다.\n /\n@customElement('data-samples-page')\nexport class DataSamplesPage extends localize(i18next)(PageView) {\n static styles = [\n css`\n :host {\n display: block;\n overflow: auto;\n }\n\n .end {\n page-break-after: always;\n break-after: always;\n }\n `\n ]\n\n / The samples the address lists (ADR-0190). /\n @state() private ids?: string[]\n\n private dataSamplesQuery = new QueryController(\n this,\n gql`\n query ($filters: [Filter!]) {\n dataSamples(filters: $filters) {\n items {\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 }\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 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 }\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\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 dataSamples(): any[] \| undefined {\n return this.dataSamplesQuery.data?.dataSamples.items\n }\n\n get context() {\n return {\n title: i18next.t('title.data-sample view')\n }\n }\n\n render() {\n return this.dataSamples?.map(dataSample => {\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` <ox-data-sample-view .dataSample=${dataSample}></ox-data-sample-view> `\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(i18next.t(dataSample?.dataOoc ? 'label.ooc review timeline' : 'label.datasample 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 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 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-summary/data-summary-view.js CHANGED Viewed

@@ -2,11 +2,57 @@ import { __decorate, __metadata } from "tslib";
 import '@operato/dataset/ox-data-summary-view.js';
 import gql from 'graphql-tag';
 import { css, html, LitElement } 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';
 let DataSummaryView = class DataSummaryView extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        /* The summary this view is given (ADR-0190). */
+        this.dataSummaryQuery = new QueryController(this, gql `
+      query ($id: String!) {
+        dataSummary(id: $id) {
+          id
+          name
+          description
+          dataSet {
+            id
+          }
+          dataItems {
+            name
+            description
+            active
+            hidden
+            tag
+            group
+            type
+            unit
+            options
+            quota
+            spec
+            stat
+          }
+          date
+          period
+          key01
+          key02
+          key03
+          key04
+          key05
+          summary
+          count
+          countOoc
+          countOos
+          updater {
+            id
+            name
+          }
+          updatedAt
+        }
+      }
+    `, { variables: () => (this.dataSummaryId ? { id: this.dataSummaryId } : undefined) });
+    }
     static { this.styles = [
         ScrollbarStyles,
         css `
@@ -31,6 +77,9 @@ let DataSummaryView = class DataSummaryView extends localize(i18next)(LitElement
       }
     `
     ]; }
+    get dataSummary() {
+        return this.dataSummaryQuery.data?.dataSummary;
+    }
     render() {
         return html `
       <div content>
@@ -40,62 +89,6 @@ let DataSummaryView = class DataSummaryView extends localize(i18next)(LitElement
       </div>
     `;
     }
-    updated(changes) {
-        if (changes.has('dataSummaryId')) {
-            this.fetchDataSummary();
-        }
-    }
-    async fetchDataSummary() {
-        const id = this.dataSummaryId;
-        const response = await client.query({
-            query: gql `
-        query ($id: String!) {
-          dataSummary(id: $id) {
-            id
-            name
-            description
-            dataSet {
-              id
-            }
-            dataItems {
-              name
-              description
-              active
-              hidden
-              tag
-              group
-              type
-              unit
-              options
-              quota
-              spec
-              stat
-            }
-            date
-            period
-            key01
-            key02
-            key03
-            key04
-            key05
-            summary
-            count
-            countOoc
-            countOos
-            updater {
-              id
-              name
-            }
-            updatedAt
-          }
-        }
-      `,
-            variables: {
-                id
-            }
-        });
-        this.dataSummary = response.data.dataSummary;
-    }
 };
 __decorate([
     property({
@@ -104,10 +97,6 @@ __decorate([
     }),
     __metadata("design:type", String)
 ], DataSummaryView.prototype, "dataSummaryId", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], DataSummaryView.prototype, "dataSummary", void 0);
 DataSummaryView = __decorate([
     customElement('data-summary-view')
 ], DataSummaryView);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"data-summary-view.js","sourceRoot":"","sources":["../../../client/pages/data-summary/data-summary-view.ts"],"names":[],"mappings":";AAAA,OAAO,0CAA0C,CAAA;AAEjD,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,~~KAAK,EAAE,~~MAAM,mBAAmB,CAAA;~~AAEzE~~,OAAO,EAAE,~~MAAM~~,EAAE,MAAM,kBAAkB,CAAA;~~AACzC~~,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAqBjD,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;~~aAClD~~,~~WAAM~~,GAAG~~;QACd~~,eAAe~~;QACf~~,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;KAoBF;KACF~~,~~AAvBY~~,~~CAuBZ;IAUD~~,~~MAAM;QACJ~~,~~OAAO~~,~~IAAI~~,~~CAAA;;UAEL~~,IAAI,CAAC,~~WAAW;YAChB~~,CAAC,CAAC,~~IAAI~~,~~CAAA~~,~~sCAAsC~~,IAAI,CAAC,~~WAAW~~,~~0BAA0B;YACtF~~,CAAC,CAAC,~~IAAI~~,~~CAAA~~,EAAE~~;;KAEb~~,CAAA;~~IACH~~,CAAC;~~IAED~~,~~OAAO~~,~~CAAC~~,~~OAAO~~;~~QACb~~,~~IAAI,OAAO,CAAC,~~GAAG,~~CAAC~~,~~eAAe~~,~~CAAC~~,~~EAAE~~,~~CAAC~~;~~YACjC~~,IAAI,CAAC,gBAAgB,EAAE,CAAA;~~QACzB~~,CAAC;~~IACH,CAAC;~~IAED,~~KAAK,CAAC,gBAAgB~~;~~QACpB~~,~~MAAM~~,~~EAAE~~,~~GAAG~~,IAAI,CAAC,~~aAAa,CAAA~~;~~QAE7B~~,~~MAAM,QAAQ,GAAG,MAAM,MAAM,~~CAAC,~~KAAK,~~CAAC~~;YAClC~~,~~KAAK~~,~~EAAE,GAAG,~~CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAyCT;YACD~~,~~SAAS~~,~~EAAE;gBACT,EAAE;aACH;SACF,CAAC,CAAA;QAEF,~~IAAI,CAAC,WAAW,~~GAAG~~,~~QAAQ~~,CAAC,IAAI,~~CAAC~~,~~WAAW~~,CAAA;~~IAC9C~~,CAAC;;~~AAxED~~;IAJC,QAAQ,CAAC;QACR,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,iBAAiB;KAC7B,CAAC;;sDACoB;~~AAEb;IAAR~~,~~KAAK,EAAE;;oDAA0B;AAhC9B,~~eAAe;IADpB,aAAa,CAAC,mBAAmB,CAAC;GAC7B,eAAe,~~CAuGpB~~","sourcesContent":["import '@operato/dataset/ox-data-summary-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, ~~state~~ } from 'lit/decorators.js'\n\nimport { ~~client~~ } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { DataItem } from '@operato/dataset'\n\ntype DataSummary = {\n name: string\n description: string\n dataItems?: DataItem[]\n date?: string\n period?: string\n key01?: string\n key02?: string\n key03?: string\n key04?: string\n key05?: string\n count?: number\n countOoc?: number\n countOos?: number\n summary?: { [key: string]: any }\n}\n\n@customElement('data-summary-view')\nclass DataSummaryView extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: var(--md-sys-color-surface);\n }\n\n div[content] {\n flex: 1;\n\n display: flex;\n overflow: auto;\n }\n\n ox-data-summary-view {\n flex: 1;\n padding: var(--spacing-large);\n overflow: auto;\n }\n `\n ]\n\n @property({\n type: String,\n attribute: 'data-summary-id'\n })\n dataSummaryId?: string\n\n ~~@state()~~ ~~dataSummary?:~~ ~~DataSummary\n\n render()~~ ~~{\n return html`\n <div content>\n ${~~this~~.dataSummary\n ?~~ ~~html`<ox-data-summary-~~view ~~.dataSummary=${this.dataSummary}></ox-data-summary-view>`\n :~~ ~~html``}\n </div>\n `\n }\n\n updated~~(~~changes~~) ~~{\n if (changes~~.~~has('dataSummaryId'))~~ {\n ~~this.fetchDataSummary()\n }\n~~ ~~}\n\n async~~ ~~fetchDataSummary~~(~~) {~~\n ~~const id =~~ this~~.dataSummaryId\~~n\n ~~const response = await client.query({\n query:~~ gql`\n query ($id: String!) {\n dataSummary(id: $id) {\n id\n name\n description\n dataSet {\n id\n }\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 date\n period\n key01\n key02\n key03\n key04\n key05\n summary\n count\n countOoc\n countOos\n updater {\n id\n name\n }\n updatedAt\n }\n }\n `,\n variables: {\n id\n }\n })\n\n this.dataSummary = ~~response~~.~~data~~.dataSummary\n }\n}\n"]}
1	+ {"version":3,"file":"data-summary-view.js","sourceRoot":"","sources":["../../../client/pages/data-summary/data-summary-view.ts"],"names":[],"mappings":";AAAA,OAAO,0CAA0C,CAAA;AAEjD,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAElE,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;AAqBjD,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAA3D;;QAgCE,gDAAgD;QACxC,qBAAgB,GAAG,IAAI,eAAe,CAC5C,IAAI,EACJ,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyCF,EACD,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CACnF,CAAA;IAeH,CAAC;aA5FQ,WAAM,GAAG;QACd,eAAe;QACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;KAoBF;KACF,AAvBY,CAuBZ;IAwDD,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,WAAW,CAAA;IAChD,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,WAAW;YAChB,CAAC,CAAC,IAAI,CAAA,sCAAsC,IAAI,CAAC,WAAW,0BAA0B;YACtF,CAAC,CAAC,IAAI,CAAA,EAAE;;KAEb,CAAA;IACH,CAAC;;AA9DD;IAJC,QAAQ,CAAC;QACR,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,iBAAiB;KAC7B,CAAC;;sDACoB;AA9BlB,eAAe;IADpB,aAAa,CAAC,mBAAmB,CAAC;GAC7B,eAAe,CA6FpB","sourcesContent":["import '@operato/dataset/ox-data-summary-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } 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 { DataItem } from '@operato/dataset'\n\ntype DataSummary = {\n name: string\n description: string\n dataItems?: DataItem[]\n date?: string\n period?: string\n key01?: string\n key02?: string\n key03?: string\n key04?: string\n key05?: string\n count?: number\n countOoc?: number\n countOos?: number\n summary?: { [key: string]: any }\n}\n\n@customElement('data-summary-view')\nclass DataSummaryView extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: var(--md-sys-color-surface);\n }\n\n div[content] {\n flex: 1;\n\n display: flex;\n overflow: auto;\n }\n\n ox-data-summary-view {\n flex: 1;\n padding: var(--spacing-large);\n overflow: auto;\n }\n `\n ]\n\n @property({\n type: String,\n attribute: 'data-summary-id'\n })\n dataSummaryId?: string\n\n /* The summary this view is given (ADR-0190). */\n private dataSummaryQuery = new QueryController(\n this,\n gql`\n query ($id: String!) {\n dataSummary(id: $id) {\n id\n name\n description\n dataSet {\n id\n }\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 date\n period\n key01\n key02\n key03\n key04\n key05\n summary\n count\n countOoc\n countOos\n updater {\n id\n name\n }\n updatedAt\n }\n }\n `,\n { variables: () => (this.dataSummaryId ? { id: this.dataSummaryId } : undefined) }\n )\n\n get dataSummary(): DataSummary \| undefined {\n return this.dataSummaryQuery.data?.dataSummary\n }\n\n render() {\n return html`\n <div content>\n ${this.dataSummary\n ? html`<ox-data-summary-view .dataSummary=${this.dataSummary}></ox-data-summary-view>`\n : html``}\n </div>\n `\n }\n}\n"]}