@things-factory/dataset 7.0.0-alpha.0 → 7.0.0-alpha.18

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

@@ -1,7 +1,8 @@
 import { __decorate, __metadata } from "tslib";
-import '@operato/dataset/ox-data-sample-view.js';
+import '@operato/dataset/ox-data-ooc-brief-view.js';
+// import '@operato/dataset/ox-data-ooc-correction-part.js'
 import gql from 'graphql-tag';
-import { css, html, LitElement } from 'lit';
+import { css, html, LitElement, nothing } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
 import { client } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
@@ -10,24 +11,23 @@ let OocResolveActivityEdit = class OocResolveActivityEdit extends localize(i18ne
     render() {
         var _a, _b;
         const action = (_a = this.output) === null || _a === void 0 ? void 0 : _a.action;
+        const state = (_b = this.activityThread) === null || _b === void 0 ? void 0 : _b.state;
+        const editable = state == 'assigned' || state == 'started';
         return html `
       <div content>
-        <ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>
+        <ox-data-ooc-brief-view .dataOoc=${this.dataOoc}></ox-data-ooc-brief-view>
       </div>
 
-      <div instruction>
-        <h2><mwc-icon>build_circle</mwc-icon>&nbsp;<span>${i18next.t('label.corrective instruction')}</span></h2>
-        <div content>${(_b = this.input) === null || _b === void 0 ? void 0 : _b.instruction}</div>
-      </div>
+      <!-- <ox-data-ooc-correction-part .dataOoc=${this.dataOoc}></ox-data-ooc-correction-part> -->
 
-      <label action>
-        <h2><mwc-icon>build_circle</mwc-icon>&nbsp;<span>${i18next.t('label.corrective action')}</span></h2>
-        <textarea
-          placeholder=${String(i18next.t('text.corrective action placeholder'))}
-          .value=${action || ''}
-          @change=${this.onChangeAction}
-        ></textarea>
-      </label>
+      ${editable
+            ? html `
+            <label action>
+              <h2><mwc-icon>build_circle</mwc-icon>&nbsp;<span>${i18next.t('label.corrective action')}</span></h2>
+              <textarea placeholder=${String(i18next.t('text.corrective action placeholder'))} .value=${action || ''} @change=${this.onChangeAction}></textarea>
+            </label>
+          `
+            : nothing}
     `;
     }
     onChangeAction(e) {
@@ -43,6 +43,7 @@ let OocResolveActivityEdit = class OocResolveActivityEdit extends localize(i18ne
         }
     }
     async fetchDataOoc() {
+        var _a;
         const id = this.input.dataOocId;
         if (id) {
             const response = await client.query({
@@ -59,6 +60,9 @@ let OocResolveActivityEdit = class OocResolveActivityEdit extends localize(i18ne
               useCase
               data
               judgment
+              history
+              correctiveAction
+              correctiveInstruction
               dataItems {
                 name
                 description
@@ -75,7 +79,17 @@ let OocResolveActivityEdit = class OocResolveActivityEdit extends localize(i18ne
               }
               workDate
               workShift
+              reviewer {
+                id
+                name
+              }
+              corrector {
+                id
+                name
+              }
               collectedAt
+              reviewedAt
+              correctedAt
             }
           }
         `,
@@ -83,7 +97,13 @@ let OocResolveActivityEdit = class OocResolveActivityEdit extends localize(i18ne
                     id
                 }
             });
-            this.dataOoc = response.data.dataOoc;
+            const dataOoc = Object.assign({}, response.data.dataOoc);
+            if ((_a = this.activityThread) === null || _a === void 0 ? void 0 : _a.output) {
+                dataOoc.correctiveAction = this.activityThread.output.action;
+                dataOoc.correctedAt = this.activityThread.updatedAt;
+                dataOoc.corrector = this.activityThread.assignee;
+            }
+            this.dataOoc = dataOoc;
         }
     }
 };
@@ -105,35 +125,12 @@ OocResolveActivityEdit.styles = [
         overflow: auto;
       }
 
-      ox-data-sample-view {
+      ox-data-ooc-brief-view {
         flex: 1;
         padding: var(--padding-wide);
         overflow: auto;
       }
 
-      div[instruction] {
-        display: flex;
-        flex-direction: column;
-
-        padding: var(--padding-wide);
-      }
-
-      label[instruction] {
-        display: flex;
-        flex-direction: column;
-
-        padding: var(--padding-wide);
-      }
-
-      label[instruction] h2 {
-        display: flex;
-
-        color: var(--title-text-color);
-        text-transform: capitalize;
-        margin: var(--title-margin);
-        align-items: center;
-      }
-
       label[action] {
         display: flex;
         flex-direction: column;
@@ -156,20 +153,15 @@ OocResolveActivityEdit.styles = [
 
       textarea {
         border: var(--input-field-border);
-        border-radius: var(--input-border-radius);
-        padding: var(--input-field-padding);
+        border-radius: 10px;
+        margin: var(--margin-default);
+        padding: var(--input-padding);
         font: var(--input-field-font);
 
         resize: none;
         outline: none;
         min-height: 200px;
       }
-
-      .button-container {
-        display: flex;
-        margin-left: auto;
-        padding: var(--padding-default);
-      }
     `
 ];
 __decorate([
@@ -180,6 +172,10 @@ __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)
 ], OocResolveActivityEdit.prototype, "output", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], OocResolveActivityEdit.prototype, "activityThread", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)

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

@@ -1 +1 @@
-{"version":3,"file":"activity-ooc-resolve-edit.js","sourceRoot":"","sources":["../../client/activities/activity-ooc-resolve-edit.ts"],"names":[],"mappings":";AAAA,OAAO,yCAAyC,CAAA;AAEhD,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGjD,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IA8FhE,MAAM;;QACJ,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,CAAA;QAElC,OAAO,IAAI,CAAA;;2CAE4B,IAAI,CAAC,OAAO;;;;2DAII,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC;uBAC7E,MAAA,IAAI,CAAC,KAAK,0CAAE,WAAW;;;;2DAIa,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC;;wBAEvE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC;mBAC5D,MAAM,IAAI,EAAE;oBACX,IAAI,CAAC,cAAc;;;KAGlC,CAAA;IACH,CAAC;IAED,cAAc,CAAC,CAAQ;QACrB,IAAI,CAAC,MAAM,KAAX,IAAI,CAAC,MAAM,GAAK,EAAE,EAAA;QAClB,IAAI,CAAC,MAAM,CAAC,MAAM,GAAI,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAA;QAE5D,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACxB,IAAI,CAAC,YAAY,EAAE,CAAA;SACpB;IACH,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAA;QAE/B,IAAI,EAAE,EAAE;YACN,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAgCT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;SACrC;IACH,CAAC;;AAnLM,6BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiFF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qDAAY;AACvC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;sDAAa;AAExC;IAAC,KAAK,EAAE;;uDAAc;AAEtB;IAAC,KAAK,CAAC,UAAU,CAAC;8BAAkB,mBAAmB;8DAAA;AA5FnD,sBAAsB;IAD3B,aAAa,CAAC,2BAA2B,CAAC;GACrC,sBAAsB,CAqL3B","sourcesContent":["import '@operato/dataset/ox-data-sample-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('activity-ooc-resolve-edit')\nclass OocResolveActivityEdit extends localize(i18next)(LitElement) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n      }\n\n      div[content] {\n        flex: 1;\n        flex-direction: column;\n\n        display: flex;\n        overflow: auto;\n      }\n\n      ox-data-sample-view {\n        flex: 1;\n        padding: var(--padding-wide);\n        overflow: auto;\n      }\n\n      div[instruction] {\n        display: flex;\n        flex-direction: column;\n\n        padding: var(--padding-wide);\n      }\n\n      label[instruction] {\n        display: flex;\n        flex-direction: column;\n\n        padding: var(--padding-wide);\n      }\n\n      label[instruction] h2 {\n        display: flex;\n\n        color: var(--title-text-color);\n        text-transform: capitalize;\n        margin: var(--title-margin);\n        align-items: center;\n      }\n\n      label[action] {\n        display: flex;\n        flex-direction: column;\n\n        padding: var(--padding-wide);\n      }\n\n      label[action] h2 {\n        display: flex;\n\n        color: var(--title-text-color);\n        text-transform: capitalize;\n        margin: var(--title-margin);\n        align-items: center;\n      }\n\n      mwc-icon {\n        color: var(--status-danger-color);\n      }\n\n      textarea {\n        border: var(--input-field-border);\n        border-radius: var(--input-border-radius);\n        padding: var(--input-field-padding);\n        font: var(--input-field-font);\n\n        resize: none;\n        outline: none;\n        min-height: 200px;\n      }\n\n      .button-container {\n        display: flex;\n        margin-left: auto;\n        padding: var(--padding-default);\n      }\n    `\n  ]\n\n  @property({ type: Object }) input?: any\n  @property({ type: Object }) output?: any\n\n  @state() dataOoc?: any\n\n  @query('textarea') actionTextArea!: HTMLTextAreaElement\n\n  render() {\n    const action = this.output?.action\n\n    return html`\n      <div content>\n        <ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>\n      </div>\n\n      <div instruction>\n        <h2><mwc-icon>build_circle</mwc-icon>&nbsp;<span>${i18next.t('label.corrective instruction')}</span></h2>\n        <div content>${this.input?.instruction}</div>\n      </div>\n\n      <label action>\n        <h2><mwc-icon>build_circle</mwc-icon>&nbsp;<span>${i18next.t('label.corrective action')}</span></h2>\n        <textarea\n          placeholder=${String(i18next.t('text.corrective action placeholder'))}\n          .value=${action || ''}\n          @change=${this.onChangeAction}\n        ></textarea>\n      </label>\n    `\n  }\n\n  onChangeAction(e: Event) {\n    this.output ||= {}\n    this.output.action = (e.target as HTMLTextAreaElement).value\n\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: this.output\n      })\n    )\n  }\n\n  updated(changes) {\n    if (changes.has('input')) {\n      this.fetchDataOoc()\n    }\n  }\n\n  async fetchDataOoc() {\n    const id = this.input.dataOocId\n\n    if (id) {\n      const response = await client.query({\n        query: gql`\n          query ($id: String!) {\n            dataOoc(id: $id) {\n              id\n              name\n              description\n              ooc\n              oos\n              state\n              type\n              useCase\n              data\n              judgment\n              dataItems {\n                name\n                description\n                active\n                hidden\n                tag\n                group\n                type\n                unit\n                options\n                quota\n                spec\n                stat\n              }\n              workDate\n              workShift\n              collectedAt\n            }\n          }\n        `,\n        variables: {\n          id\n        }\n      })\n\n      this.dataOoc = response.data.dataOoc\n    }\n  }\n}\n"]}
+{"version":3,"file":"activity-ooc-resolve-edit.js","sourceRoot":"","sources":["../../client/activities/activity-ooc-resolve-edit.ts"],"names":[],"mappings":";AAAA,OAAO,4CAA4C,CAAA;AACnD,2DAA2D;AAE3D,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,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGjD,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAmEhE,MAAM;;QACJ,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,CAAA;QAClC,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,cAAc,0CAAE,KAAK,CAAA;QACxC,MAAM,QAAQ,GAAG,KAAK,IAAI,UAAU,IAAI,KAAK,IAAI,SAAS,CAAA;QAE1D,OAAO,IAAI,CAAA;;2CAE4B,IAAI,CAAC,OAAO;;;mDAGJ,IAAI,CAAC,OAAO;;QAEvD,QAAQ;YACR,CAAC,CAAC,IAAI,CAAA;;iEAEmD,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC;sCAC/D,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,WAAW,MAAM,IAAI,EAAE,YAAY,IAAI,CAAC,cAAc;;WAExI;YACH,CAAC,CAAC,OAAO;KACZ,CAAA;IACH,CAAC;IAED,cAAc,CAAC,CAAQ;QACrB,IAAI,CAAC,MAAM,KAAX,IAAI,CAAC,MAAM,GAAK,EAAE,EAAA;QAClB,IAAI,CAAC,MAAM,CAAC,MAAM,GAAI,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAA;QAE5D,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACxB,IAAI,CAAC,YAAY,EAAE,CAAA;SACpB;IACH,CAAC;IAED,KAAK,CAAC,YAAY;;QAChB,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAA;QAE/B,IAAI,EAAE,EAAE;YACN,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA6CT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,MAAM,OAAO,qBACR,QAAQ,CAAC,IAAI,CAAC,OAAO,CACzB,CAAA;YAED,IAAI,MAAA,IAAI,CAAC,cAAc,0CAAE,MAAM,EAAE;gBAC/B,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,CAAA;gBAC5D,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,SAAS,CAAA;gBACnD,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAA;aACjD;YAED,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;SACvB;IACH,CAAC;;AA9KM,6BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqDF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qDAAY;AACvC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;sDAAa;AACxC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;8DAAqB;AAEhD;IAAC,KAAK,EAAE;;uDAAc;AAEtB;IAAC,KAAK,CAAC,UAAU,CAAC;8BAAkB,mBAAmB;8DAAA;AAjEnD,sBAAsB;IAD3B,aAAa,CAAC,2BAA2B,CAAC;GACrC,sBAAsB,CAgL3B","sourcesContent":["import '@operato/dataset/ox-data-ooc-brief-view.js'\n// import '@operato/dataset/ox-data-ooc-correction-part.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'\n\n@customElement('activity-ooc-resolve-edit')\nclass OocResolveActivityEdit extends localize(i18next)(LitElement) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n      }\n\n      div[content] {\n        flex: 1;\n        flex-direction: column;\n\n        display: flex;\n        overflow: auto;\n      }\n\n      ox-data-ooc-brief-view {\n        flex: 1;\n        padding: var(--padding-wide);\n        overflow: auto;\n      }\n\n      label[action] {\n        display: flex;\n        flex-direction: column;\n\n        padding: var(--padding-wide);\n      }\n\n      label[action] h2 {\n        display: flex;\n\n        color: var(--title-text-color);\n        text-transform: capitalize;\n        margin: var(--title-margin);\n        align-items: center;\n      }\n\n      mwc-icon {\n        color: var(--status-danger-color);\n      }\n\n      textarea {\n        border: var(--input-field-border);\n        border-radius: 10px;\n        margin: var(--margin-default);\n        padding: var(--input-padding);\n        font: var(--input-field-font);\n\n        resize: none;\n        outline: none;\n        min-height: 200px;\n      }\n    `\n  ]\n\n  @property({ type: Object }) input?: any\n  @property({ type: Object }) output?: any\n  @property({ type: Object }) activityThread?: any\n\n  @state() dataOoc?: any\n\n  @query('textarea') actionTextArea!: HTMLTextAreaElement\n\n  render() {\n    const action = this.output?.action\n    const state = this.activityThread?.state\n    const editable = state == 'assigned' || state == 'started'\n\n    return html`\n      <div content>\n        <ox-data-ooc-brief-view .dataOoc=${this.dataOoc}></ox-data-ooc-brief-view>\n      </div>\n\n      <!-- <ox-data-ooc-correction-part .dataOoc=${this.dataOoc}></ox-data-ooc-correction-part> -->\n\n      ${editable\n        ? html`\n            <label action>\n              <h2><mwc-icon>build_circle</mwc-icon>&nbsp;<span>${i18next.t('label.corrective action')}</span></h2>\n              <textarea placeholder=${String(i18next.t('text.corrective action placeholder'))} .value=${action || ''} @change=${this.onChangeAction}></textarea>\n            </label>\n          `\n        : nothing}\n    `\n  }\n\n  onChangeAction(e: Event) {\n    this.output ||= {}\n    this.output.action = (e.target as HTMLTextAreaElement).value\n\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: this.output\n      })\n    )\n  }\n\n  updated(changes) {\n    if (changes.has('input')) {\n      this.fetchDataOoc()\n    }\n  }\n\n  async fetchDataOoc() {\n    const id = this.input.dataOocId\n\n    if (id) {\n      const response = await client.query({\n        query: gql`\n          query ($id: String!) {\n            dataOoc(id: $id) {\n              id\n              name\n              description\n              ooc\n              oos\n              state\n              type\n              useCase\n              data\n              judgment\n              history\n              correctiveAction\n              correctiveInstruction\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              workDate\n              workShift\n              reviewer {\n                id\n                name\n              }\n              corrector {\n                id\n                name\n              }\n              collectedAt\n              reviewedAt\n              correctedAt\n            }\n          }\n        `,\n        variables: {\n          id\n        }\n      })\n\n      const dataOoc = {\n        ...response.data.dataOoc\n      }\n\n      if (this.activityThread?.output) {\n        dataOoc.correctiveAction = this.activityThread.output.action\n        dataOoc.correctedAt = this.activityThread.updatedAt\n        dataOoc.corrector = this.activityThread.assignee\n      }\n\n      this.dataOoc = dataOoc\n    }\n  }\n}\n"]}

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

@@ -1 +1,14 @@
 import '@operato/dataset/ox-data-ooc-brief-view.js';
+import { LitElement } from 'lit';
+declare const OocResolveActivityView_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class OocResolveActivityView extends OocResolveActivityView_base {
+    static styles: import("lit").CSSResult[];
+    input?: any;
+    output?: any;
+    activityApproval?: any;
+    dataOoc?: any;
+    render(): import("lit-html").TemplateResult<1>;
+    updated(changes: any): void;
+    fetchDataOoc(): Promise<void>;
+}
+export {};

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

@@ -20,6 +20,7 @@ let OocResolveActivityView = class OocResolveActivityView extends localize(i18ne
         }
     }
     async fetchDataOoc() {
+        var _a;
         const id = this.input.dataOocId;
         if (id) {
             const response = await client.query({
@@ -73,7 +74,15 @@ let OocResolveActivityView = class OocResolveActivityView extends localize(i18ne
                     id
                 }
             });
-            this.dataOoc = response.data.dataOoc;
+            const dataOoc = Object.assign({}, response.data.dataOoc);
+            const activityThread = (_a = this.activityApproval) === null || _a === void 0 ? void 0 : _a.activityThread;
+            if (activityThread === null || activityThread === void 0 ? void 0 : activityThread.output) {
+                /* approval 에서 사용되는 경우 corrective 관련정보를 보완한다. - approval과정에서는 아직 dataOoc.correctiveAction 정보는 채워지지 않았기 때문. */
+                dataOoc.correctiveAction = activityThread.output.action;
+                dataOoc.correctedAt = activityThread.updatedAt;
+                dataOoc.corrector = activityThread.assignee;
+            }
+            this.dataOoc = dataOoc;
         }
     }
 };
@@ -101,40 +110,16 @@ OocResolveActivityView.styles = [
         overflow: auto;
       }
 
-      div[instruction] {
-        display: flex;
-        flex-direction: column;
-
-        padding: var(--padding-wide);
-      }
-
-      div[instruction] div {
-        display: flex;
-      }
-
-      div[instruction] div[content] {
-        display: flex;
-        min-height: 50px;
-      }
-
-      div[action] {
-        display: flex;
-        flex-direction: column;
-
-        padding: var(--padding-wide);
-      }
-
-      div[action] div {
-        display: flex;
-      }
-
-      div[action] div[content] {
-        display: flex;
-        min-height: 50px;
-      }
+      @media print {
+        :host {
+          display: block;
+          overflow: visible;
+        }
 
-      mwc-icon {
-        color: var(--status-danger-color);
+        div[content] {
+          display: block;
+          overflow: visible;
+        }
       }
     `
 ];
@@ -146,6 +131,10 @@ __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)
 ], OocResolveActivityView.prototype, "output", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], OocResolveActivityView.prototype, "activityApproval", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)
@@ -153,4 +142,5 @@ __decorate([
 OocResolveActivityView = __decorate([
     customElement('activity-ooc-resolve-view')
 ], OocResolveActivityView);
+export { OocResolveActivityView };
 //# sourceMappingURL=activity-ooc-resolve-view.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"activity-ooc-resolve-view.js","sourceRoot":"","sources":["../../client/activities/activity-ooc-resolve-view.ts"],"names":[],"mappings":";AAAA,OAAO,4CAA4C,CAAA;AAEnD,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;AAGjD,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAoEhE,MAAM;QACJ,OAAO,IAAI,CAAA;;2CAE4B,IAAI,CAAC,OAAO;;KAElD,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACxB,IAAI,CAAC,YAAY,EAAE,CAAA;SACpB;IACH,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAA;QAE/B,IAAI,EAAE,EAAE;YACN,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA6CT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;SACrC;IACH,CAAC;;AA3IM,6BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyDF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qDAAY;AACvC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;sDAAa;AAExC;IAAC,KAAK,EAAE;;uDAAc;AAlElB,sBAAsB;IAD3B,aAAa,CAAC,2BAA2B,CAAC;GACrC,sBAAsB,CA6I3B","sourcesContent":["import '@operato/dataset/ox-data-ooc-brief-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('activity-ooc-resolve-view')\nclass OocResolveActivityView extends localize(i18next)(LitElement) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n      }\n\n      div[content] {\n        flex: 1;\n        flex-direction: column;\n\n        display: flex;\n        overflow: auto;\n      }\n\n      ox-data-ooc-brief-view {\n        flex: 1;\n        padding: var(--padding-wide);\n        overflow: auto;\n      }\n\n      div[instruction] {\n        display: flex;\n        flex-direction: column;\n\n        padding: var(--padding-wide);\n      }\n\n      div[instruction] div {\n        display: flex;\n      }\n\n      div[instruction] div[content] {\n        display: flex;\n        min-height: 50px;\n      }\n\n      div[action] {\n        display: flex;\n        flex-direction: column;\n\n        padding: var(--padding-wide);\n      }\n\n      div[action] div {\n        display: flex;\n      }\n\n      div[action] div[content] {\n        display: flex;\n        min-height: 50px;\n      }\n\n      mwc-icon {\n        color: var(--status-danger-color);\n      }\n    `\n  ]\n\n  @property({ type: Object }) input?: any\n  @property({ type: Object }) output?: any\n\n  @state() dataOoc?: any\n\n  render() {\n    return html`\n      <div content>\n        <ox-data-ooc-brief-view .dataOoc=${this.dataOoc}></ox-data-ooc-brief-view>\n      </div>\n    `\n  }\n\n  updated(changes) {\n    if (changes.has('input')) {\n      this.fetchDataOoc()\n    }\n  }\n\n  async fetchDataOoc() {\n    const id = this.input.dataOocId\n\n    if (id) {\n      const response = await client.query({\n        query: gql`\n          query ($id: String!) {\n            dataOoc(id: $id) {\n              id\n              name\n              description\n              ooc\n              oos\n              state\n              type\n              useCase\n              data\n              judgment\n              history\n              correctiveAction\n              correctiveInstruction\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              workDate\n              workShift\n              reviewer {\n                id\n                name\n              }\n              corrector {\n                id\n                name\n              }\n              collectedAt\n              reviewedAt\n              correctedAt\n            }\n          }\n        `,\n        variables: {\n          id\n        }\n      })\n\n      this.dataOoc = response.data.dataOoc\n    }\n  }\n}\n"]}
+{"version":3,"file":"activity-ooc-resolve-view.js","sourceRoot":"","sources":["../../client/activities/activity-ooc-resolve-view.ts"],"names":[],"mappings":";AAAA,OAAO,4CAA4C,CAAA;AAEnD,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;AAG1C,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IA6CvE,MAAM;QACJ,OAAO,IAAI,CAAA;;2CAE4B,IAAI,CAAC,OAAO;;KAElD,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACxB,IAAI,CAAC,YAAY,EAAE,CAAA;SACpB;IACH,CAAC;IAED,KAAK,CAAC,YAAY;;QAChB,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAA;QAE/B,IAAI,EAAE,EAAE;YACN,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA6CT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,MAAM,OAAO,qBACR,QAAQ,CAAC,IAAI,CAAC,OAAO,CACzB,CAAA;YAED,MAAM,cAAc,GAAG,MAAA,IAAI,CAAC,gBAAgB,0CAAE,cAAc,CAAA;YAE5D,IAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,EAAE;gBAC1B,6GAA6G;gBAC7G,OAAO,CAAC,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,MAAM,CAAA;gBACvD,OAAO,CAAC,WAAW,GAAG,cAAc,CAAC,SAAS,CAAA;gBAC9C,OAAO,CAAC,SAAS,GAAG,cAAc,CAAC,QAAQ,CAAA;aAC5C;YAED,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;SACvB;IACH,CAAC;;AAjIM,6BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiCF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qDAAY;AACvC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;sDAAa;AACxC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gEAAuB;AAElD;IAAC,KAAK,EAAE;;uDAAc;AA3CX,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CAmIlC;SAnIY,sBAAsB","sourcesContent":["import '@operato/dataset/ox-data-ooc-brief-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('activity-ooc-resolve-view')\nexport class OocResolveActivityView extends localize(i18next)(LitElement) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n      }\n\n      div[content] {\n        flex: 1;\n        flex-direction: column;\n\n        display: flex;\n        overflow: auto;\n      }\n\n      ox-data-ooc-brief-view {\n        flex: 1;\n        padding: var(--padding-wide);\n        overflow: auto;\n      }\n\n      @media print {\n        :host {\n          display: block;\n          overflow: visible;\n        }\n\n        div[content] {\n          display: block;\n          overflow: visible;\n        }\n      }\n    `\n  ]\n\n  @property({ type: Object }) input?: any\n  @property({ type: Object }) output?: any\n  @property({ type: Object }) activityApproval?: any\n\n  @state() dataOoc?: any\n\n  render() {\n    return html`\n      <div content>\n        <ox-data-ooc-brief-view .dataOoc=${this.dataOoc}></ox-data-ooc-brief-view>\n      </div>\n    `\n  }\n\n  updated(changes) {\n    if (changes.has('input')) {\n      this.fetchDataOoc()\n    }\n  }\n\n  async fetchDataOoc() {\n    const id = this.input.dataOocId\n\n    if (id) {\n      const response = await client.query({\n        query: gql`\n          query ($id: String!) {\n            dataOoc(id: $id) {\n              id\n              name\n              description\n              ooc\n              oos\n              state\n              type\n              useCase\n              data\n              judgment\n              history\n              correctiveAction\n              correctiveInstruction\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              workDate\n              workShift\n              reviewer {\n                id\n                name\n              }\n              corrector {\n                id\n                name\n              }\n              collectedAt\n              reviewedAt\n              correctedAt\n            }\n          }\n        `,\n        variables: {\n          id\n        }\n      })\n\n      const dataOoc = {\n        ...response.data.dataOoc\n      }\n\n      const activityThread = this.activityApproval?.activityThread\n\n      if (activityThread?.output) {\n        /* approval 에서 사용되는 경우 corrective 관련정보를 보완한다. - approval과정에서는 아직 dataOoc.correctiveAction 정보는 채워지지 않았기 때문. */\n        dataOoc.correctiveAction = activityThread.output.action\n        dataOoc.correctedAt = activityThread.updatedAt\n        dataOoc.corrector = activityThread.assignee\n      }\n\n      this.dataOoc = dataOoc\n    }\n  }\n}\n"]}

package/dist-client/activities/activity-ooc-review-edit.js

@@ -10,6 +10,8 @@ let OocReviewActivityEdit = class OocReviewActivityEdit extends localize(i18next
     render() {
         var _a;
         const instruction = (_a = this.output) === null || _a === void 0 ? void 0 : _a.instruction;
+        const { state } = this.activityThread || {};
+        const editable = state == 'assigned' || state == 'started' || state == 'submitted';
         return html `
       <div content>
         <ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>
@@ -17,11 +19,15 @@ let OocReviewActivityEdit = class OocReviewActivityEdit extends localize(i18next
 
       <label instruction>
         <h2><mwc-icon>build_circle</mwc-icon>&nbsp;<span>${i18next.t('label.corrective instruction')}</span></h2>
-        <textarea
-          placeholder=${String(i18next.t('text.corrective instruction placeholder'))}
-          .value=${instruction || ''}
-          @change=${this.onChangeInstruction}
-        ></textarea>
+        ${editable
+            ? html `
+              <textarea
+                placeholder=${String(i18next.t('text.corrective instruction placeholder'))}
+                .value=${instruction || ''}
+                @change=${this.onChangeInstruction}
+              ></textarea>
+            `
+            : html `<div>${instruction}</div>`}
       </label>
     `;
     }
@@ -112,36 +118,36 @@ OocReviewActivityEdit.styles = [
         flex-direction: column;
 
         padding: var(--padding-wide);
-      }
 
-      label[instruction] h2 {
-        display: flex;
+        h2 {
+          display: flex;
 
-        color: var(--title-text-color);
-        text-transform: capitalize;
-        margin: var(--title-margin);
-        align-items: center;
-      }
+          color: var(--title-text-color);
+          text-transform: capitalize;
+          margin: var(--title-margin);
+          align-items: center;
+        }
 
-      mwc-icon {
-        color: var(--status-danger-color);
-      }
+        div {
+          padding: var(--padding-wide);
+          font: var(--input-field-font);
+        }
 
-      textarea {
-        border: var(--input-field-border);
-        border-radius: var(--input-border-radius);
-        padding: var(--input-field-padding);
-        font: var(--input-field-font);
+        mwc-icon {
+          color: var(--status-danger-color);
+        }
 
-        resize: none;
-        outline: none;
-        min-height: 200px;
-      }
+        textarea {
+          border: var(--input-field-border);
+          border-radius: 10px;
+          margin: var(--margin-default);
+          padding: var(--input-padding);
+          font: var(--input-field-font);
 
-      .button-container {
-        display: flex;
-        margin-left: auto;
-        padding: var(--padding-default);
+          resize: none;
+          outline: none;
+          min-height: 200px;
+        }
       }
     `
 ];
@@ -153,6 +159,10 @@ __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)
 ], OocReviewActivityEdit.prototype, "output", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], OocReviewActivityEdit.prototype, "activityThread", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)

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

@@ -1 +1 @@
-{"version":3,"file":"activity-ooc-review-edit.js","sourceRoot":"","sources":["../../client/activities/activity-ooc-review-edit.ts"],"names":[],"mappings":";AAAA,OAAO,yCAAyC,CAAA;AAEhD,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,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;AAGjD,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAqE/D,MAAM;;QACJ,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,WAAW,CAAA;QAE5C,OAAO,IAAI,CAAA;;2CAE4B,IAAI,CAAC,OAAO;;;;2DAII,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC;;wBAE5E,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC;mBACjE,WAAW,IAAI,EAAE;oBAChB,IAAI,CAAC,mBAAmB;;;KAGvC,CAAA;IACH,CAAC;IAED,mBAAmB,CAAC,CAAQ;QAC1B,IAAI,CAAC,MAAM,KAAX,IAAI,CAAC,MAAM,GAAK,EAAE,EAAA;QAClB,IAAI,CAAC,MAAM,CAAC,WAAW,GAAI,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAA;QAEjE,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACxB,IAAI,CAAC,YAAY,EAAE,CAAA;SACpB;IACH,CAAC;IAED,KAAK,CAAC,YAAY;;QAChB,MAAM,EAAE,GAAG,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS,CAAA;QAEhC,IAAI,EAAE,EAAE;YACN,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAgCT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;SACrC;IACH,CAAC;;AArJM,4BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0DF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;oDAAY;AACvC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qDAAa;AAExC;IAAC,KAAK,EAAE;;sDAAc;AAnElB,qBAAqB;IAD1B,aAAa,CAAC,0BAA0B,CAAC;GACpC,qBAAqB,CAuJ1B","sourcesContent":["import '@operato/dataset/ox-data-sample-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('activity-ooc-review-edit')\nclass OocReviewActivityEdit extends localize(i18next)(LitElement) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n      }\n\n      div[content] {\n        flex: 1;\n        flex-direction: column;\n\n        display: flex;\n        overflow: auto;\n      }\n\n      ox-data-sample-view {\n        flex: 1;\n        padding: var(--padding-wide);\n        overflow: auto;\n      }\n\n      label[instruction] {\n        display: flex;\n        flex-direction: column;\n\n        padding: var(--padding-wide);\n      }\n\n      label[instruction] h2 {\n        display: flex;\n\n        color: var(--title-text-color);\n        text-transform: capitalize;\n        margin: var(--title-margin);\n        align-items: center;\n      }\n\n      mwc-icon {\n        color: var(--status-danger-color);\n      }\n\n      textarea {\n        border: var(--input-field-border);\n        border-radius: var(--input-border-radius);\n        padding: var(--input-field-padding);\n        font: var(--input-field-font);\n\n        resize: none;\n        outline: none;\n        min-height: 200px;\n      }\n\n      .button-container {\n        display: flex;\n        margin-left: auto;\n        padding: var(--padding-default);\n      }\n    `\n  ]\n\n  @property({ type: Object }) input?: any\n  @property({ type: Object }) output?: any\n\n  @state() dataOoc?: any\n\n  render() {\n    const instruction = this.output?.instruction\n\n    return html`\n      <div content>\n        <ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>\n      </div>\n\n      <label instruction>\n        <h2><mwc-icon>build_circle</mwc-icon>&nbsp;<span>${i18next.t('label.corrective instruction')}</span></h2>\n        <textarea\n          placeholder=${String(i18next.t('text.corrective instruction placeholder'))}\n          .value=${instruction || ''}\n          @change=${this.onChangeInstruction}\n        ></textarea>\n      </label>\n    `\n  }\n\n  onChangeInstruction(e: Event) {\n    this.output ||= {}\n    this.output.instruction = (e.target as HTMLTextAreaElement).value\n\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: this.output\n      })\n    )\n  }\n\n  updated(changes) {\n    if (changes.has('input')) {\n      this.fetchDataOoc()\n    }\n  }\n\n  async fetchDataOoc() {\n    const id = this.input?.dataOocId\n\n    if (id) {\n      const response = await client.query({\n        query: gql`\n          query ($id: String!) {\n            dataOoc(id: $id) {\n              id\n              name\n              description\n              ooc\n              oos\n              state\n              type\n              useCase\n              data\n              judgment\n              dataItems {\n                name\n                description\n                active\n                hidden\n                tag\n                group\n                type\n                unit\n                options\n                quota\n                spec\n                stat\n              }\n              workDate\n              workShift\n              collectedAt\n            }\n          }\n        `,\n        variables: {\n          id\n        }\n      })\n\n      this.dataOoc = response.data.dataOoc\n    }\n  }\n}\n"]}
+{"version":3,"file":"activity-ooc-review-edit.js","sourceRoot":"","sources":["../../client/activities/activity-ooc-review-edit.ts"],"names":[],"mappings":";AAAA,OAAO,yCAAyC,CAAA;AAEhD,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,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;AAGjD,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAsE/D,MAAM;;QACJ,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,WAAW,CAAA;QAC5C,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,cAAc,IAAI,EAAE,CAAA;QAC3C,MAAM,QAAQ,GAAG,KAAK,IAAI,UAAU,IAAI,KAAK,IAAI,SAAS,IAAI,KAAK,IAAI,WAAW,CAAA;QAElF,OAAO,IAAI,CAAA;;2CAE4B,IAAI,CAAC,OAAO;;;;2DAII,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC;UAC1F,QAAQ;YACR,CAAC,CAAC,IAAI,CAAA;;8BAEc,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC;yBACjE,WAAW,IAAI,EAAE;0BAChB,IAAI,CAAC,mBAAmB;;aAErC;YACH,CAAC,CAAC,IAAI,CAAA,QAAQ,WAAW,QAAQ;;KAEtC,CAAA;IACH,CAAC;IAED,mBAAmB,CAAC,CAAQ;QAC1B,IAAI,CAAC,MAAM,KAAX,IAAI,CAAC,MAAM,GAAK,EAAE,EAAA;QAClB,IAAI,CAAC,MAAM,CAAC,WAAW,GAAI,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAA;QAEjE,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACxB,IAAI,CAAC,YAAY,EAAE,CAAA;SACpB;IACH,CAAC;IAED,KAAK,CAAC,YAAY;;QAChB,MAAM,EAAE,GAAG,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS,CAAA;QAEhC,IAAI,EAAE,EAAE;YACN,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAgCT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;SACrC;IACH,CAAC;;AA5JM,4BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0DF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;oDAAY;AACvC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qDAAa;AACxC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;6DAAqB;AAEhD;IAAC,KAAK,EAAE;;sDAAc;AApElB,qBAAqB;IAD1B,aAAa,CAAC,0BAA0B,CAAC;GACpC,qBAAqB,CA8J1B","sourcesContent":["import '@operato/dataset/ox-data-sample-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('activity-ooc-review-edit')\nclass OocReviewActivityEdit extends localize(i18next)(LitElement) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n      }\n\n      div[content] {\n        flex: 1;\n        flex-direction: column;\n\n        display: flex;\n        overflow: auto;\n      }\n\n      ox-data-sample-view {\n        flex: 1;\n        padding: var(--padding-wide);\n        overflow: auto;\n      }\n\n      label[instruction] {\n        display: flex;\n        flex-direction: column;\n\n        padding: var(--padding-wide);\n\n        h2 {\n          display: flex;\n\n          color: var(--title-text-color);\n          text-transform: capitalize;\n          margin: var(--title-margin);\n          align-items: center;\n        }\n\n        div {\n          padding: var(--padding-wide);\n          font: var(--input-field-font);\n        }\n\n        mwc-icon {\n          color: var(--status-danger-color);\n        }\n\n        textarea {\n          border: var(--input-field-border);\n          border-radius: 10px;\n          margin: var(--margin-default);\n          padding: var(--input-padding);\n          font: var(--input-field-font);\n\n          resize: none;\n          outline: none;\n          min-height: 200px;\n        }\n      }\n    `\n  ]\n\n  @property({ type: Object }) input?: any\n  @property({ type: Object }) output?: any\n  @property({ type: Object }) activityThread?: any\n\n  @state() dataOoc?: any\n\n  render() {\n    const instruction = this.output?.instruction\n    const { state } = this.activityThread || {}\n    const editable = state == 'assigned' || state == 'started' || state == 'submitted'\n\n    return html`\n      <div content>\n        <ox-data-sample-view .dataSample=${this.dataOoc}></ox-data-sample-view>\n      </div>\n\n      <label instruction>\n        <h2><mwc-icon>build_circle</mwc-icon>&nbsp;<span>${i18next.t('label.corrective instruction')}</span></h2>\n        ${editable\n          ? html`\n              <textarea\n                placeholder=${String(i18next.t('text.corrective instruction placeholder'))}\n                .value=${instruction || ''}\n                @change=${this.onChangeInstruction}\n              ></textarea>\n            `\n          : html`<div>${instruction}</div>`}\n      </label>\n    `\n  }\n\n  onChangeInstruction(e: Event) {\n    this.output ||= {}\n    this.output.instruction = (e.target as HTMLTextAreaElement).value\n\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: this.output\n      })\n    )\n  }\n\n  updated(changes) {\n    if (changes.has('input')) {\n      this.fetchDataOoc()\n    }\n  }\n\n  async fetchDataOoc() {\n    const id = this.input?.dataOocId\n\n    if (id) {\n      const response = await client.query({\n        query: gql`\n          query ($id: String!) {\n            dataOoc(id: $id) {\n              id\n              name\n              description\n              ooc\n              oos\n              state\n              type\n              useCase\n              data\n              judgment\n              dataItems {\n                name\n                description\n                active\n                hidden\n                tag\n                group\n                type\n                unit\n                options\n                quota\n                spec\n                stat\n              }\n              workDate\n              workShift\n              collectedAt\n            }\n          }\n        `,\n        variables: {\n          id\n        }\n      })\n\n      this.dataOoc = response.data.dataOoc\n    }\n  }\n}\n"]}

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

@@ -8,8 +8,6 @@ import { i18next, localize } from '@operato/i18n';
 import { ScrollbarStyles } from '@operato/styles';
 let OocReviewActivityView = class OocReviewActivityView extends localize(i18next)(LitElement) {
     render() {
-        var _a;
-        const instruction = (_a = this.output) === null || _a === void 0 ? void 0 : _a.instruction;
         return html `
       <div content>
         <ox-data-ooc-brief-view .dataOoc=${this.dataOoc}></ox-data-ooc-brief-view>
@@ -104,24 +102,16 @@ OocReviewActivityView.styles = [
         overflow: auto;
       }
 
-      div[instruction] {
-        display: flex;
-        flex-direction: column;
-
-        padding: var(--padding-wide);
-      }
-
-      div[instruction] div {
-        display: flex;
-      }
-
-      div[instruction] div[content] {
-        display: flex;
-        min-height: 50px;
-      }
+      @media print {
+        :host {
+          display: block;
+          overflow: visible;
+        }
 
-      mwc-icon {
-        color: var(--status-danger-color);
+        div[content] {
+          display: block;
+          overflow: visible;
+        }
       }
     `
 ];

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

@@ -1 +1 @@
-{"version":3,"file":"activity-ooc-review-view.js","sourceRoot":"","sources":["../../client/activities/activity-ooc-review-view.ts"],"names":[],"mappings":";AAAA,OAAO,4CAA4C,CAAA;AAEnD,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;AAGjD,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAoD/D,MAAM;;QACJ,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,WAAW,CAAA;QAE5C,OAAO,IAAI,CAAA;;2CAE4B,IAAI,CAAC,OAAO;;KAElD,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACxB,IAAI,CAAC,YAAY,EAAE,CAAA;SACpB;IACH,CAAC;IAED,KAAK,CAAC,YAAY;;QAChB,MAAM,EAAE,GAAG,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS,CAAA;QAEhC,IAAI,EAAE,EAAE;YACN,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA6CT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;SACrC;IACH,CAAC;;AA7HM,4BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyCF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;oDAAY;AACvC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qDAAa;AAExC;IAAC,KAAK,EAAE;;sDAAc;AAlDlB,qBAAqB;IAD1B,aAAa,CAAC,0BAA0B,CAAC;GACpC,qBAAqB,CA+H1B","sourcesContent":["import '@operato/dataset/ox-data-ooc-brief-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('activity-ooc-review-view')\nclass OocReviewActivityView extends localize(i18next)(LitElement) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n      }\n\n      div[content] {\n        flex: 1;\n        flex-direction: column;\n\n        display: flex;\n        overflow: auto;\n      }\n\n      ox-data-ooc-brief-view {\n        flex: 1;\n        padding: var(--padding-wide);\n        overflow: auto;\n      }\n\n      div[instruction] {\n        display: flex;\n        flex-direction: column;\n\n        padding: var(--padding-wide);\n      }\n\n      div[instruction] div {\n        display: flex;\n      }\n\n      div[instruction] div[content] {\n        display: flex;\n        min-height: 50px;\n      }\n\n      mwc-icon {\n        color: var(--status-danger-color);\n      }\n    `\n  ]\n\n  @property({ type: Object }) input?: any\n  @property({ type: Object }) output?: any\n\n  @state() dataOoc?: any\n\n  render() {\n    const instruction = this.output?.instruction\n\n    return html`\n      <div content>\n        <ox-data-ooc-brief-view .dataOoc=${this.dataOoc}></ox-data-ooc-brief-view>\n      </div>\n    `\n  }\n\n  updated(changes) {\n    if (changes.has('input')) {\n      this.fetchDataOoc()\n    }\n  }\n\n  async fetchDataOoc() {\n    const id = this.input?.dataOocId\n\n    if (id) {\n      const response = await client.query({\n        query: gql`\n          query ($id: String!) {\n            dataOoc(id: $id) {\n              id\n              name\n              description\n              ooc\n              oos\n              state\n              type\n              useCase\n              data\n              judgment\n              history\n              correctiveAction\n              correctiveInstruction\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              workDate\n              workShift\n              reviewer {\n                id\n                name\n              }\n              corrector {\n                id\n                name\n              }\n              collectedAt\n              reviewedAt\n              correctedAt\n            }\n          }\n        `,\n        variables: {\n          id\n        }\n      })\n\n      this.dataOoc = response.data.dataOoc\n    }\n  }\n}\n"]}
+{"version":3,"file":"activity-ooc-review-view.js","sourceRoot":"","sources":["../../client/activities/activity-ooc-review-view.ts"],"names":[],"mappings":";AAAA,OAAO,4CAA4C,CAAA;AAEnD,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;AAGjD,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IA4C/D,MAAM;QACJ,OAAO,IAAI,CAAA;;2CAE4B,IAAI,CAAC,OAAO;;KAElD,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACxB,IAAI,CAAC,YAAY,EAAE,CAAA;SACpB;IACH,CAAC;IAED,KAAK,CAAC,YAAY;;QAChB,MAAM,EAAE,GAAG,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS,CAAA;QAEhC,IAAI,EAAE,EAAE;YACN,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA6CT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;SACrC;IACH,CAAC;;AAnHM,4BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiCF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;oDAAY;AACvC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qDAAa;AAExC;IAAC,KAAK,EAAE;;sDAAc;AA1ClB,qBAAqB;IAD1B,aAAa,CAAC,0BAA0B,CAAC;GACpC,qBAAqB,CAqH1B","sourcesContent":["import '@operato/dataset/ox-data-ooc-brief-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('activity-ooc-review-view')\nclass OocReviewActivityView extends localize(i18next)(LitElement) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n      }\n\n      div[content] {\n        flex: 1;\n        flex-direction: column;\n\n        display: flex;\n        overflow: auto;\n      }\n\n      ox-data-ooc-brief-view {\n        flex: 1;\n        padding: var(--padding-wide);\n        overflow: auto;\n      }\n\n      @media print {\n        :host {\n          display: block;\n          overflow: visible;\n        }\n\n        div[content] {\n          display: block;\n          overflow: visible;\n        }\n      }\n    `\n  ]\n\n  @property({ type: Object }) input?: any\n  @property({ type: Object }) output?: any\n\n  @state() dataOoc?: any\n\n  render() {\n    return html`\n      <div content>\n        <ox-data-ooc-brief-view .dataOoc=${this.dataOoc}></ox-data-ooc-brief-view>\n      </div>\n    `\n  }\n\n  updated(changes) {\n    if (changes.has('input')) {\n      this.fetchDataOoc()\n    }\n  }\n\n  async fetchDataOoc() {\n    const id = this.input?.dataOocId\n\n    if (id) {\n      const response = await client.query({\n        query: gql`\n          query ($id: String!) {\n            dataOoc(id: $id) {\n              id\n              name\n              description\n              ooc\n              oos\n              state\n              type\n              useCase\n              data\n              judgment\n              history\n              correctiveAction\n              correctiveInstruction\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              workDate\n              workShift\n              reviewer {\n                id\n                name\n              }\n              corrector {\n                id\n                name\n              }\n              collectedAt\n              reviewedAt\n              correctedAt\n            }\n          }\n        `,\n        variables: {\n          id\n        }\n      })\n\n      this.dataOoc = response.data.dataOoc\n    }\n  }\n}\n"]}

package/dist-client/bootstrap.d.ts

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

package/dist-client/bootstrap.js

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

package/dist-client/bootstrap.js.map

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

package/dist-client/pages/data-entry/data-entry-list-page.js

@@ -39,15 +39,7 @@ const showEntryView = async (columns, data, column, record, rowIndex) => {
             const board = {
                 id: entryView
             };
-            openPopup(html `
-          <ox-board-viewer
-            style="background-color: white;"
-            .board=${board}
-            .provider=${provider}
-            hide-fullscreen
-            hide-navigation
-          ></ox-board-viewer>
-        `, {
+            openPopup(html ` <ox-board-viewer style="background-color: white;" .board=${board} .provider=${provider} hide-fullscreen hide-navigation></ox-board-viewer> `, {
                 closable: true,
                 backdrop: true,
                 size: 'large',
@@ -88,12 +80,7 @@ let DataEntryListPage = class DataEntryListPage extends connect(store)(localize(
     render() {
         const mode = 'CARD';
         return html `
-      <ox-grist
-        .mode=${mode}
-        .config=${this.gristConfig}
-        .fetchHandler=${this.fetchHandler.bind(this)}
-        ?url-params-sensitive=${this.active}
-      >
+      <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} ?url-params-sensitive=${this.active}>
         <div slot="headroom" class="header">
           <div class="title">
             <mwc-icon>summarize</mwc-icon>
@@ -258,6 +245,7 @@ let DataEntryListPage = class DataEntryListPage extends connect(store)(localize(
             ],
             rows: {
                 appendable: false,
+                editable: false,
                 selectable: {
                     multiple: false
                 },