npm - @things-factory/worklist - Versions diffs - 6.1.58 → 6.1.59 - Mend

@things-factory/worklist 6.1.58 → 6.1.59

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

package/client/pages/activity-instance/activity-instance-view.ts CHANGED Viewed

@@ -7,6 +7,10 @@ import { i18next, localize } from '@operato/i18n'
 import { ScrollbarStyles } from '@operato/styles'
 import { ActivityInstance } from '../../types/activity-instance'
+import { ActivityThread } from '../../types/activity-thread'
+import { ActivityApproval } from '../../types/activity-approval'
+const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' })
 @customElement('activity-instance-view')
 export class ActivityInstanceView extends localize(i18next)(LitElement) {
@@ -14,16 +18,8 @@ export class ActivityInstanceView extends localize(i18next)(LitElement) {
     ScrollbarStyles,
     css`
       :host {
-        display: flex;
-        flex-direction: column;
+        display: block;
         background-color: #fff;
-      }
-      div[content] {
-        flex: 1;
-        display: flex;
         overflow: auto;
       }
     `
@@ -41,13 +37,64 @@ export class ActivityInstanceView extends localize(i18next)(LitElement) {
     if (!this.activityInstance) {
       return html`<div>no activity instance info.</div>`
     }
-    const { id, name, description, activity } = this.activityInstance
+    const { id, name, description, input, output, assignedAt, startedAt, activityThreads, terminatedAt, updatedAt } =
+      this.activityInstance
     const instance = this.activityInstance
     return html`
-      <div>name: ${name}</div>
-      <div>description: ${description}</div>
-      ${this.renderSearchKeys()} ${this.renderInOut()}
+      <div>${i18next.t('field.name')}: ${name}</div>
+      <div>${i18next.t('field.description')}: ${description}</div>
+      <div>${i18next.t('field.search-keys')}: ${this.renderSearchKeys()}</div>
+      <div>${i18next.t('field.assigned-at')}: ${assignedAt && formatter.format(new Date(assignedAt))}</div>
+      <div>${i18next.t('field.started-at')}: ${startedAt && formatter.format(new Date(startedAt))}</div>
+      <div>${i18next.t('field.terminated-at')}: ${terminatedAt && formatter.format(new Date(terminatedAt))}</div>
+      <div>${i18next.t('field.updated-at')}: ${updatedAt && formatter.format(new Date(updatedAt))}</div>
+      ${this.renderInOut({ ...input, ...output })}
+      <div>실행 이력</div>
+      ${activityThreads?.map(activityThread => this.renderActivityThread(activityThread))}
+    `
+  }
+  renderActivityThread(activityThread: ActivityThread) {
+    const {
+      state,
+      assignee,
+      output,
+      round,
+      activityApprovals = [],
+      assignedAt,
+      startedAt,
+      terminatedAt
+    } = activityThread
+    const { name, email } = assignee || {}
+    return html`
+      <div>${i18next.t('field.assignee')}: ${name}</div>
+      <div>${i18next.t('field.round')}: ${round}</div>
+      <div>${i18next.t('field.output')}: ${this.renderInOut(output)}</div>
+      <div>${i18next.t('field.assigned-at')}: ${assignedAt && formatter.format(new Date(assignedAt))}</div>
+      <div>${i18next.t('field.started-at')}: ${startedAt && formatter.format(new Date(startedAt))}</div>
+      <div>${i18next.t('field.terminated-at')}: ${terminatedAt && formatter.format(new Date(terminatedAt))}</div>
+      ${activityApprovals
+        .sort((a, b) => (a.round > b.round ? 1 : a.round < b.round ? -1 : a.order! > b.order! ? 1 : -1))
+        .map(approval => this.renderActivityApproval(approval))}
+    `
+  }
+  renderActivityApproval(activityApproval: ActivityApproval) {
+    const { judgment, approver, comment, round, order, createdAt, terminatedAt } = activityApproval
+    const { name, email } = approver || {}
+    return html`
+      <div>${i18next.t('field.approver')}: ${name}</div>
+      <div>${i18next.t('field.judgment')}: ${judgment}</div>
+      <div>${i18next.t('field.comment')}: ${comment}</div>
+      <div>${i18next.t('field.round')}: ${round}</div>
+      <div>${i18next.t('field.order')}: ${order}</div>
+      <div>${i18next.t('field.started-at')}: ${createdAt && formatter.format(new Date(createdAt))}</div>
+      <div>${i18next.t('field.terminated-at')}: ${terminatedAt && formatter.format(new Date(terminatedAt))}</div>
     `
   }
@@ -55,23 +102,44 @@ export class ActivityInstanceView extends localize(i18next)(LitElement) {
     const { activity } = this.activityInstance!
     const { searchKeys = [] } = activity! || {}
-    return searchKeys?.map(
-      (item, index) => html` <div>${i18next.t(String(item.tKey))}: ${this.activityInstance![`key0${index + 1}`]}</div> `
-    )
+    return html`
+      <table>
+        <tr>
+          <th>${i18next.t('label.name')}</th>
+          <th>${i18next.t('label.value')}</th>
+        </tr>
+        ${searchKeys?.map(
+          (item, index) => html`
+            <tr>
+              <td>${item.tKey ? i18next.t(item.tKey) : item.name}</td>
+              <td>${this.activityInstance![`key0${index + 1}`]}</td>
+            </tr>
+          `
+        )}
+      </table>
+    `
   }
-  renderInOut() {
-    const { input, output } = this.activityInstance!
+  renderInOut(data) {
+    const { input, output, activity } = this.activityInstance!
+    const { model } = activity || {}
     return html`
-      <div>
-        input:
-        <pre>${JSON.stringify(input, null, 2)}</pre>
-      </div>
-      <div>
-        output:
-        <pre>${JSON.stringify(output, null, 2)}</pre>
-      </div>
+      <table>
+        <tr>
+          <th>${i18next.t('label.name')}</th>
+          <th>${i18next.t('label.value')}</th>
+        </tr>
+        ${model?.map(
+          item => html`
+            <tr>
+              <td>${item.name}</td>
+              <td>${item.tag ? data[item.tag] : ''}</td>
+            </tr>
+          `
+        )}
+      </table>
     `
   }
@@ -108,6 +176,18 @@ export class ActivityInstanceView extends localize(i18next)(LitElement) {
                 inputKey
                 tKey
               }
+              model {
+                name
+                description
+                active
+                tag
+                inout
+                type
+                unit
+                options
+                quantifier
+                spec
+              }
             }
             activityThreads {
               state
@@ -119,6 +199,16 @@ export class ActivityInstanceView extends localize(i18next)(LitElement) {
                 email
               }
               round
+              activityApprovals {
+                round
+                order
+                approver {
+                  name
+                  email
+                }
+                judgment
+                comment
+              }
               assignedAt
               startedAt
               terminatedAt

package/client/types/activity-approval.ts ADDED Viewed

@@ -0,0 +1,62 @@
+import { Domain, User } from '@operato/shell'
+import { ActivityThread } from './activity-thread'
+export enum ActivityApprovalJudgment {
+  Pending = '',
+  Rejected = 'rejected',
+  Escalated = 'escalated',
+  Delegated = 'delegated',
+  Approved = 'approved',
+  Aborted = 'aborted'
+}
+export class ActivityApproval {
+  id?: string
+  domain?: Domain
+  domainId?: string
+  originalApproval?: ActivityApproval
+  originalApprovalId?: string
+  derivedApprovals?: ActivityApproval
+  activityThread?: ActivityThread
+  activityThreadId?: string
+  round: number = 1
+  order?: number = 0
+  approver?: User
+  approverId?: string
+  judgment?: ActivityApprovalJudgment = ActivityApprovalJudgment.Pending
+  comment?: string
+  transaction?: string
+  createdAt?: Date
+  updatedAt?: Date
+  terminatedAt?: Date
+  creator?: User
+  creatorId?: string
+  updater?: User
+  updaterId?: string
+  terminator?: User
+  terminatorId?: string
+}

package/client/types/activity-thread.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { Domain, User } from '@operato/shell'
 import { ActivityInstance } from './activity-instance'
+import { ActivityApproval } from './activity-approval'
 export enum ActivityThreadStatus {
   Assigned = 'assigned',
@@ -22,6 +23,8 @@ export class ActivityThread {
   activityInstance?: ActivityInstance
+  activityApprovals?: ActivityApproval[]
   state?: ActivityThreadStatus
   output?: { [key: string]: any }
@@ -49,40 +52,4 @@ export class ActivityThread {
   updater?: User
   terminator?: User
-  // isPendingStarted(): boolean {
-  //   switch (this.state) {
-  //     case ActivityThreadStatus.Assigned:
-  //       return true
-  //     default:
-  //       return false
-  //   }
-  // }
-  // isPendingEnded(): boolean {
-  //   switch (this.state) {
-  //     case ActivityThreadStatus.Started:
-  //     case ActivityThreadStatus.Rejected:
-  //     case ActivityThreadStatus.Submitted:
-  //     case ActivityThreadStatus.Escalated:
-  //       return true
-  //     default:
-  //       return false
-  //   }
-  // }
-  // isValid(): boolean {
-  //   switch (this.state) {
-  //     case ActivityThreadStatus.Assigned:
-  //     case ActivityThreadStatus.Started:
-  //     case ActivityThreadStatus.Ended:
-  //     case ActivityThreadStatus.Rejected:
-  //     case ActivityThreadStatus.Escalated:
-  //     case ActivityThreadStatus.Aborted:
-  //     case ActivityThreadStatus.Submitted:
-  //       return true
-  //     default:
-  //       return false
-  //   }
-  // }
 }

package/dist-client/pages/activity-instance/activity-instance-view.d.ts CHANGED Viewed

@@ -1,13 +1,17 @@
 import { LitElement } from 'lit';
 import { ActivityInstance } from '../../types/activity-instance';
+import { ActivityThread } from '../../types/activity-thread';
+import { ActivityApproval } from '../../types/activity-approval';
 declare const ActivityInstanceView_base: (new (...args: any[]) => LitElement) & typeof LitElement;
 export declare class ActivityInstanceView extends ActivityInstanceView_base {
     static styles: import("lit").CSSResult[];
     activityInstanceId?: string;
     activityInstance?: ActivityInstance;
     render(): import("lit-html").TemplateResult<1>;
-    renderSearchKeys(): import("lit-html").TemplateResult<1>[];
-    renderInOut(): import("lit-html").TemplateResult<1>;
+    renderActivityThread(activityThread: ActivityThread): import("lit-html").TemplateResult<1>;
+    renderActivityApproval(activityApproval: ActivityApproval): import("lit-html").TemplateResult<1>;
+    renderSearchKeys(): import("lit-html").TemplateResult<1>;
+    renderInOut(data: any): import("lit-html").TemplateResult<1>;
     updated(changes: any): void;
     fetchActivityInstance(): Promise<void>;
 }

package/dist-client/pages/activity-instance/activity-instance-view.js CHANGED Viewed

@@ -6,35 +6,92 @@ import { client } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
 import { ScrollbarStyles } from '@operato/styles';
 import { ActivityInstance } from '../../types/activity-instance';
+const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' });
 let ActivityInstanceView = class ActivityInstanceView extends localize(i18next)(LitElement) {
     render() {
         if (!this.activityInstance) {
             return html `<div>no activity instance info.</div>`;
         }
-        const { id, name, description, activity } = this.activityInstance;
+        const { id, name, description, input, output, assignedAt, startedAt, activityThreads, terminatedAt, updatedAt } = this.activityInstance;
         const instance = this.activityInstance;
         return html `
-      <div>name: ${name}</div>
-      <div>description: ${description}</div>
-      ${this.renderSearchKeys()} ${this.renderInOut()}
+      <div>${i18next.t('field.name')}: ${name}</div>
+      <div>${i18next.t('field.description')}: ${description}</div>
+      <div>${i18next.t('field.search-keys')}: ${this.renderSearchKeys()}</div>
+      <div>${i18next.t('field.assigned-at')}: ${assignedAt && formatter.format(new Date(assignedAt))}</div>
+      <div>${i18next.t('field.started-at')}: ${startedAt && formatter.format(new Date(startedAt))}</div>
+      <div>${i18next.t('field.terminated-at')}: ${terminatedAt && formatter.format(new Date(terminatedAt))}</div>
+      <div>${i18next.t('field.updated-at')}: ${updatedAt && formatter.format(new Date(updatedAt))}</div>
+      ${this.renderInOut(Object.assign(Object.assign({}, input), output))}
+      <div>실행 이력</div>
+      ${activityThreads === null || activityThreads === void 0 ? void 0 : activityThreads.map(activityThread => this.renderActivityThread(activityThread))}
+    `;
+    }
+    renderActivityThread(activityThread) {
+        const { state, assignee, output, round, activityApprovals = [], assignedAt, startedAt, terminatedAt } = activityThread;
+        const { name, email } = assignee || {};
+        return html `
+      <div>${i18next.t('field.assignee')}: ${name}</div>
+      <div>${i18next.t('field.round')}: ${round}</div>
+      <div>${i18next.t('field.output')}: ${this.renderInOut(output)}</div>
+      <div>${i18next.t('field.assigned-at')}: ${assignedAt && formatter.format(new Date(assignedAt))}</div>
+      <div>${i18next.t('field.started-at')}: ${startedAt && formatter.format(new Date(startedAt))}</div>
+      <div>${i18next.t('field.terminated-at')}: ${terminatedAt && formatter.format(new Date(terminatedAt))}</div>
+      ${activityApprovals
+            .sort((a, b) => (a.round > b.round ? 1 : a.round < b.round ? -1 : a.order > b.order ? 1 : -1))
+            .map(approval => this.renderActivityApproval(approval))}
+    `;
+    }
+    renderActivityApproval(activityApproval) {
+        const { judgment, approver, comment, round, order, createdAt, terminatedAt } = activityApproval;
+        const { name, email } = approver || {};
+        return html `
+      <div>${i18next.t('field.approver')}: ${name}</div>
+      <div>${i18next.t('field.judgment')}: ${judgment}</div>
+      <div>${i18next.t('field.comment')}: ${comment}</div>
+      <div>${i18next.t('field.round')}: ${round}</div>
+      <div>${i18next.t('field.order')}: ${order}</div>
+      <div>${i18next.t('field.started-at')}: ${createdAt && formatter.format(new Date(createdAt))}</div>
+      <div>${i18next.t('field.terminated-at')}: ${terminatedAt && formatter.format(new Date(terminatedAt))}</div>
     `;
     }
     renderSearchKeys() {
         const { activity } = this.activityInstance;
         const { searchKeys = [] } = activity || {};
-        return searchKeys === null || searchKeys === void 0 ? void 0 : searchKeys.map((item, index) => html ` <div>${i18next.t(String(item.tKey))}: ${this.activityInstance[`key0${index + 1}`]}</div> `);
+        return html `
+      <table>
+        <tr>
+          <th>${i18next.t('label.name')}</th>
+          <th>${i18next.t('label.value')}</th>
+        </tr>
+        ${searchKeys === null || searchKeys === void 0 ? void 0 : searchKeys.map((item, index) => html `
+            <tr>
+              <td>${item.tKey ? i18next.t(item.tKey) : item.name}</td>
+              <td>${this.activityInstance[`key0${index + 1}`]}</td>
+            </tr>
+          `)}
+      </table>
+    `;
     }
-    renderInOut() {
-        const { input, output } = this.activityInstance;
+    renderInOut(data) {
+        const { input, output, activity } = this.activityInstance;
+        const { model } = activity || {};
         return html `
-      <div>
-        input:
-        <pre>${JSON.stringify(input, null, 2)}</pre>
-      </div>
-      <div>
-        output:
-        <pre>${JSON.stringify(output, null, 2)}</pre>
-      </div>
+      <table>
+        <tr>
+          <th>${i18next.t('label.name')}</th>
+          <th>${i18next.t('label.value')}</th>
+        </tr>
+        ${model === null || model === void 0 ? void 0 : model.map(item => html `
+            <tr>
+              <td>${item.name}</td>
+              <td>${item.tag ? data[item.tag] : ''}</td>
+            </tr>
+          `)}
+      </table>
     `;
     }
     updated(changes) {
@@ -68,6 +125,18 @@ let ActivityInstanceView = class ActivityInstanceView extends localize(i18next)(
                 inputKey
                 tKey
               }
+              model {
+                name
+                description
+                active
+                tag
+                inout
+                type
+                unit
+                options
+                quantifier
+                spec
+              }
             }
             activityThreads {
               state
@@ -79,6 +148,16 @@ let ActivityInstanceView = class ActivityInstanceView extends localize(i18next)(
                 email
               }
               round
+              activityApprovals {
+                round
+                order
+                approver {
+                  name
+                  email
+                }
+                judgment
+                comment
+              }
               assignedAt
               startedAt
               terminatedAt
@@ -105,16 +184,8 @@ ActivityInstanceView.styles = [
     ScrollbarStyles,
     css `
       :host {
-        display: flex;
-        flex-direction: column;
+        display: block;
         background-color: #fff;
-      }
-      div[content] {
-        flex: 1;
-        display: flex;
         overflow: auto;
       }
     `

package/dist-client/pages/activity-instance/activity-instance-view.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"activity-instance-view.js","sourceRoot":"","sources":["../../../client/pages/activity-instance/activity-instance-view.ts"],"names":[],"mappings":";AAAA,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;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAGzD,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IA4BrE,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC1B,OAAO,IAAI,CAAA,uCAAuC,CAAA;SACnD;QACD,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAA;QACjE,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAA;QAEtC,OAAO,IAAI,CAAA;mBACI,IAAI;0BACG,WAAW;QAC7B,IAAI,CAAC,gBAAgB,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE;KAChD,CAAA;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,gBAAiB,CAAA;QAC3C,MAAM,EAAE,UAAU,GAAG,EAAE,EAAE,GAAG,QAAS,IAAI,EAAE,CAAA;QAE3C,OAAO,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CACpB,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA,SAAS,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,gBAAiB,CAAC,OAAO,KAAK,GAAG,CAAC,EAAE,CAAC,SAAS,CACnH,CAAA;IACH,CAAC;IAED,WAAW;QACT,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,gBAAiB,CAAA;QAEhD,OAAO,IAAI,CAAA;;;eAGA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;;;;eAI9B,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;;KAEzC,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,EAAE;YACrC,IAAI,CAAC,qBAAqB,EAAE,CAAA;SAC7B;IACH,CAAC;IAED,KAAK,CAAC,qBAAqB;QACzB,MAAM,EAAE,GAAG,IAAI,CAAC,kBAAkB,CAAA;QAElC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgDT;YACD,SAAS,EAAE;gBACT,EAAE;aACH;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAA;IACxD,CAAC;;AAlIM,2BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;KAcF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC;QACR,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,sBAAsB;KAClC,CAAC;;gEACyB;AAE3B;IAAC,KAAK,EAAE;8BAAoB,gBAAgB;8DAAA;AA1BjC,oBAAoB;IADhC,aAAa,CAAC,wBAAwB,CAAC;GAC3B,oBAAoB,CAoIhC;SApIY,oBAAoB","sourcesContent":["import 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\nimport { ActivityInstance } from '../../types/activity-instance'\n\n@customElement('activity-instance-view')\nexport class ActivityInstanceView 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\n display: flex;\n overflow: auto;\n }\n `\n ]\n\n @property({\n type: String,\n attribute: 'activity-instance-id'\n })\n activityInstanceId?: string\n\n @state() activityInstance?: ActivityInstance\n\n render() {\n if (!this.activityInstance) {\n return html`<div>no activity instance info.</div>`\n }\n const { id, name, description, activity } = this.activityInstance\n const instance = this.activityInstance\n\n return html`\n <div>name: ${name}</div>\n <div>description: ${description}</div>\n ${this.renderSearchKeys()} ${this.renderInOut()}\n `\n }\n\n renderSearchKeys() {\n const { activity } = this.activityInstance!\n const { searchKeys = [] } = activity! \|\| {}\n\n return searchKeys?.map(\n (item, index) => html` <div>${i18next.t(String(item.tKey))}: ${this.activityInstance![`key0${index + 1}`]}</div> `\n )\n }\n\n renderInOut() {\n const { input, output } = this.activityInstance!\n\n return html`\n <div>\n input:\n <pre>${JSON.stringify(input, null, 2)}</pre>\n </div>\n <div>\n output:\n <pre>${JSON.stringify(output, null, 2)}</pre>\n </div>\n `\n }\n\n updated(changes) {\n if (changes.has('activityInstanceId')) {\n this.fetchActivityInstance()\n }\n }\n\n async fetchActivityInstance() {\n const id = this.activityInstanceId\n\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n activityInstance(id: $id) {\n id\n name\n description\n key01\n key02\n key03\n key04\n key05\n input\n output\n activity {\n id\n name\n description\n searchKeys {\n name\n description\n inputKey\n tKey\n }\n }\n activityThreads {\n state\n transaction\n output\n assignee {\n id\n name\n email\n }\n round\n assignedAt\n startedAt\n terminatedAt\n }\n updater {\n id\n name\n }\n assignedAt\n startedAt\n terminatedAt\n updatedAt\n }\n }\n `,\n variables: {\n id\n }\n })\n\n this.activityInstance = response.data.activityInstance\n }\n}\n"]}
1	+ {"version":3,"file":"activity-instance-view.js","sourceRoot":"","sources":["../../../client/pages/activity-instance/activity-instance-view.ts"],"names":[],"mappings":"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","sourcesContent":["import 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\nimport { ActivityInstance } from '../../types/activity-instance'\nimport { ActivityThread } from '../../types/activity-thread'\nimport { ActivityApproval } from '../../types/activity-approval'\n\nconst formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' })\n\n@customElement('activity-instance-view')\nexport class ActivityInstanceView extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: block;\n background-color: #fff;\n overflow: auto;\n }\n `\n ]\n\n @property({\n type: String,\n attribute: 'activity-instance-id'\n })\n activityInstanceId?: string\n\n @state() activityInstance?: ActivityInstance\n\n render() {\n if (!this.activityInstance) {\n return html`<div>no activity instance info.</div>`\n }\n const { id, name, description, input, output, assignedAt, startedAt, activityThreads, terminatedAt, updatedAt } =\n this.activityInstance\n const instance = this.activityInstance\n\n return html`\n <div>${i18next.t('field.name')}: ${name}</div>\n <div>${i18next.t('field.description')}: ${description}</div>\n <div>${i18next.t('field.search-keys')}: ${this.renderSearchKeys()}</div>\n <div>${i18next.t('field.assigned-at')}: ${assignedAt && formatter.format(new Date(assignedAt))}</div>\n <div>${i18next.t('field.started-at')}: ${startedAt && formatter.format(new Date(startedAt))}</div>\n <div>${i18next.t('field.terminated-at')}: ${terminatedAt && formatter.format(new Date(terminatedAt))}</div>\n <div>${i18next.t('field.updated-at')}: ${updatedAt && formatter.format(new Date(updatedAt))}</div>\n\n ${this.renderInOut({ ...input, ...output })}\n <div>실행 이력</div>\n ${activityThreads?.map(activityThread => this.renderActivityThread(activityThread))}\n `\n }\n\n renderActivityThread(activityThread: ActivityThread) {\n const {\n state,\n assignee,\n output,\n round,\n activityApprovals = [],\n assignedAt,\n startedAt,\n terminatedAt\n } = activityThread\n const { name, email } = assignee \|\| {}\n\n return html`\n <div>${i18next.t('field.assignee')}: ${name}</div>\n <div>${i18next.t('field.round')}: ${round}</div>\n <div>${i18next.t('field.output')}: ${this.renderInOut(output)}</div>\n <div>${i18next.t('field.assigned-at')}: ${assignedAt && formatter.format(new Date(assignedAt))}</div>\n <div>${i18next.t('field.started-at')}: ${startedAt && formatter.format(new Date(startedAt))}</div>\n <div>${i18next.t('field.terminated-at')}: ${terminatedAt && formatter.format(new Date(terminatedAt))}</div>\n\n ${activityApprovals\n .sort((a, b) => (a.round > b.round ? 1 : a.round < b.round ? -1 : a.order! > b.order! ? 1 : -1))\n .map(approval => this.renderActivityApproval(approval))}\n `\n }\n\n renderActivityApproval(activityApproval: ActivityApproval) {\n const { judgment, approver, comment, round, order, createdAt, terminatedAt } = activityApproval\n const { name, email } = approver \|\| {}\n\n return html`\n <div>${i18next.t('field.approver')}: ${name}</div>\n <div>${i18next.t('field.judgment')}: ${judgment}</div>\n <div>${i18next.t('field.comment')}: ${comment}</div>\n <div>${i18next.t('field.round')}: ${round}</div>\n <div>${i18next.t('field.order')}: ${order}</div>\n <div>${i18next.t('field.started-at')}: ${createdAt && formatter.format(new Date(createdAt))}</div>\n <div>${i18next.t('field.terminated-at')}: ${terminatedAt && formatter.format(new Date(terminatedAt))}</div>\n `\n }\n\n renderSearchKeys() {\n const { activity } = this.activityInstance!\n const { searchKeys = [] } = activity! \|\| {}\n\n return html`\n <table>\n <tr>\n <th>${i18next.t('label.name')}</th>\n <th>${i18next.t('label.value')}</th>\n </tr>\n\n ${searchKeys?.map(\n (item, index) => html`\n <tr>\n <td>${item.tKey ? i18next.t(item.tKey) : item.name}</td>\n <td>${this.activityInstance![`key0${index + 1}`]}</td>\n </tr>\n `\n )}\n </table>\n `\n }\n\n renderInOut(data) {\n const { input, output, activity } = this.activityInstance!\n const { model } = activity \|\| {}\n\n return html`\n <table>\n <tr>\n <th>${i18next.t('label.name')}</th>\n <th>${i18next.t('label.value')}</th>\n </tr>\n ${model?.map(\n item => html`\n <tr>\n <td>${item.name}</td>\n <td>${item.tag ? data[item.tag] : ''}</td>\n </tr>\n `\n )}\n </table>\n `\n }\n\n updated(changes) {\n if (changes.has('activityInstanceId')) {\n this.fetchActivityInstance()\n }\n }\n\n async fetchActivityInstance() {\n const id = this.activityInstanceId\n\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n activityInstance(id: $id) {\n id\n name\n description\n key01\n key02\n key03\n key04\n key05\n input\n output\n activity {\n id\n name\n description\n searchKeys {\n name\n description\n inputKey\n tKey\n }\n model {\n name\n description\n active\n tag\n inout\n type\n unit\n options\n quantifier\n spec\n }\n }\n activityThreads {\n state\n transaction\n output\n assignee {\n id\n name\n email\n }\n round\n activityApprovals {\n round\n order\n approver {\n name\n email\n }\n judgment\n comment\n }\n assignedAt\n startedAt\n terminatedAt\n }\n updater {\n id\n name\n }\n assignedAt\n startedAt\n terminatedAt\n updatedAt\n }\n }\n `,\n variables: {\n id\n }\n })\n\n this.activityInstance = response.data.activityInstance\n }\n}\n"]}