@things-factory/worklist 10.0.19 → 10.1.0

package/dist-client/pages/activity-approval/activity-approval-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"activity-approval-page.js","sourceRoot":"","sources":["../../../client/pages/activity-approval/activity-approval-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/property-editor/ox-properties-dynamic-view.js'\nimport '@operato/board/ox-board-viewer.js'\nimport '../../components/activity-approval-ribon.js'\nimport '../../components/activity-thread-timeline.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, nothing, TemplateResult } from 'lit'\nimport { DirectiveResult } from 'lit-html/directive.js'\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { keyed } from 'lit/directives/keyed.js'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { CommonButtonStyles, ScrollbarStyles } from '@operato/styles'\nimport { provider } from '@things-factory/board-ui/dist-client/board-provider.js'\n\nconst ActivityApprovalFetchResult = `\\\n{   id\n  judgment\n  comment\n  approver {     id\n    name\n }\n  round\n  order\n  createdAt\n  terminatedAt\n  activityThread {     state\n    dueAt\n    assignedAt\n    assignee {       id\n      name\n }\n    updatedAt\n    terminatedAt\n    output\n    activityApprovals {       round\n      order\n      approver {         name\n }\n      judgment\n      comment\n      createdAt\n      updatedAt\n      terminatedAt\n }\n    activityThreadHistories {       transaction\n      reason\n      updater {         name\n }\n      updatedAt\n      state\n      output\n }\n    activityInstance {       id\n      name\n      description\n      state\n      activity {         id\n        model {           name\n          description\n          active\n          tag\n          inout\n          type\n          unit\n          options\n          quantifier\n          spec\n }\n }\n      approvalLine {         type\n        value\n        approver {           id\n          name\n          description\n          controlNo\n }\n }\n      thumbnail\n      input\n      output\n      viewType\n      viewSource\n      dueAt\n      createdAt\n }  \n }\n}`\n\nexport const ActivityThreadStatus = {   Unassigned: 'unassigned',\n  Assigned: 'assigned',\n  Started: 'started',\n  Delegated: 'delegated',\n  Ended: 'ended',\n  Aborted: 'aborted'\n}\n\n@customElement('activity-approval-page')\nexport class ActivityApprovalPage extends localize(i18next)(PageView) {   static styles = [\n    ScrollbarStyles,\n    css`\n      :host {         display: flex;\n        flex-direction: column;\n        position: relative;\n\n        width: 100%;\n        overflow: auto;\n        background-color: var(--md-sys-color-background);\n }\n\n      ox-board-viewer {         width: 100%;\n        height: 100%;\n }\n\n      activity-thread-timeline {         margin: var(--spacing-medium);\n }\n\n      div[comment] {         display: flex;\n        position: sticky;\n        bottom: 0;\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        background-color: var(--md-sys-color-background);\n\n        textarea {           flex: 1;\n          margin: var(--spacing-medium);\n          padding: var(--spacing-medium);\n          font: var(--input-font);\n          outline: none;\n          height: 80px;\n          border-radius: var(--spacing-small);\n          border: var(--input-field-border);\n          resize: none;\n          color: var(--md-sys-color-on-surface);\n          background: var(--md-sys-color-surface-variant);\n }\n }\n\n      [empty] {         flex: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        align-self: center;\n        color: var(--md-sys-color-on-surface-variant);\n        font: var(--md-sys-typescale-title-medium);\n        opacity: 0.7;\n }\n    `\n  ]\n\n  @state() activityApproval: any\n  @state() activityThread: any\n  @state() board: any\n\n  @query('textarea') commentInput!: HTMLTextAreaElement\n\n  get context() {     const judgment = this.activityApproval?.judgment\n\n    return {       title: this.lifecycle?.params?.['title'] || i18next.t('title.activity approval'),\n      help: 'worklist/activity-approval',\n      actions: judgment\n        ? [\n            {               title: i18next.t('button.close'),\n              action: () => {                 history.back()\n },\n              ...CommonButtonStyles.back\n }\n          ]\n        : [\n            {               title: i18next.t('button.reject'),\n              action: this.rejectActivityApproval.bind(this),\n              ...CommonButtonStyles.play,\n              icon: 'assignment_return'\n },\n\n            {               title: i18next.t('button.approve'),\n              action: this.approveActivityApproval.bind(this),\n              ...CommonButtonStyles.save,\n              icon: 'approval'\n },\n\n            {               title: i18next.t('button.save'),\n              action: this.saveActivityApproval.bind(this),\n              ...CommonButtonStyles.save\n },\n            {               title: i18next.t('button.close'),\n              action: () => {                 history.back()\n },\n              ...CommonButtonStyles.back,\n              icon: 'close'\n }\n          ]\n      // activityApproval: this.activityApproval\n }\n }\n\n  render() {     if (!this.activityThread) {       return html`<div empty>${i18next.t('text.no activity thread info')}</div>`\n }\n\n    const { terminatedAt } = this.activityApproval\n    const editable = !terminatedAt\n\n    return html`\n      <activity-approval-ribon .activityApproval=${this.activityApproval}></activity-approval-ribon>\n      ${this.activityContent()}\n      <activity-thread-timeline .activityThread=${this.activityThread} short-form></activity-thread-timeline>\n      ${editable\n        ? html`\n            <div comment>\n              <textarea\n                placeholder=${String(i18next.t('text.explain the reason for approval/rejection'))}\n                .value=${this.activityApproval?.comment}\n                @change=${(e: Event) => {                   this.activityApproval.comment = (e.target as HTMLTextAreaElement).value\n }}\n              ></textarea>\n            </div>\n          `\n        : nothing}\n    `\n }\n\n  activityContent() {     switch (this.activityThread?.activityInstance?.viewType) {       case 'template':\n        return this.templateContent()\n      case 'generated':\n        return this.generatedContent()\n      case 'board':\n        return this.boardContent()\n      case 'custom-element':\n        return this.customElementContent()\n      case 'page':\n      case 'external':\n        return html``\n      default:\n        return this.generatedContent()\n }\n }\n\n  templateContent() {     if (!this.activityApproval) {       return html``\n }\n\n    const { viewSource: template } = this.activityThread?.activityInstance\n    return unsafeHTML(template)\n }\n\n  getInputSpec() {     const model = this.activityThread?.activityInstance?.activity?.model\n\n    return (model || [])\n      .filter(item => item.inout === 'in' || item.inout === 'inout')\n      .map(item => {         return {           ...item,\n          name: item.tag,\n          label: item.tKey || item.name,\n          property: item.options\n }\n })\n }\n\n  getOutputSpec() {     const model = this.activityThread?.activityInstance?.activity?.model\n\n    return (model || [])\n      .filter(item => item.inout === 'inout' || item.inout === 'out')\n      .map(item => {         return {           ...item,\n          name: item.tag,\n          label: item.tKey || item.name,\n          property: item.options\n }\n })\n }\n\n  generatedContent(): DirectiveResult {     if (!this.activityApproval) {       return html``\n }\n\n    var { output, activityInstance } = this.activityThread || {}\n    var { input } = activityInstance || {}\n\n    const inputSpec = this.getInputSpec()\n    const outputSpec = this.getOutputSpec()\n\n    if (!output) {       output = inputSpec\n        .filter(item => item.inout === 'inout')\n        .reduce((inout, item) => {           inout[item.name] = input[item.name]\n          return inout\n }, {})\n }\n\n    return keyed(\n      this.activityApproval.id,\n      html`\n        <fieldset>\n          <legend>Input</legend>\n          <ox-properties-dynamic-view\n            data-name=\"input\"\n            .props=${inputSpec}\n            .value=${input}\n          ></ox-properties-dynamic-view>\n        </fieldset>\n\n        <fieldset>\n          <legend>Output</legend>\n          <ox-properties-dynamic-view\n            data-name=\"output\"\n            .props=${outputSpec}\n            .value=${output}\n            @property-change=${e => (this.activityApproval.output = e.currentTarget.value)}\n          ></ox-properties-dynamic-view>\n        </fieldset>\n      `\n    )\n }\n\n  boardContent(): DirectiveResult {     if (!this.activityApproval) {       return html``\n }\n\n    const { output, activityInstance } = this.activityThread\n    const { viewSource: boardId, input } = activityInstance || {}\n\n    if (!this.board || this.board.id !== boardId) {       this.board = {         id: boardId\n }\n }\n\n    return keyed(\n      this.activityApproval.id,\n      html`\n        <ox-board-viewer\n          style=\"background-color: white;\"\n          .board=${this.board}\n          .provider=${provider}\n          .values=${{ ...input, ...output }}\n          hide-fullscreen\n          hide-navigation\n        ></ox-board-viewer>\n      `\n    )\n }\n\n  customElementContent() {     if (!this.activityApproval) {       return html``\n }\n\n    const { output, activityInstance } = this.activityThread\n    const { viewSource: tagName, input } = activityInstance || {}\n\n    const element = document.createElement(tagName)\n    element.id = 'custom-content'\n    element.activityId = activityInstance.activity.id\n    element.input = input\n    element.output = output\n    element.activityApproval = this.activityApproval\n\n    return element\n }\n\n  @query('ox-board-viewer') oxBoardViewer: any\n\n  getOutputFromBoard() {     const outputSpec = this.getOutputSpec()\n    const data = this.oxBoardViewer.getSceneValues()\n\n    return outputSpec.reduce((output, spec) => {       output[spec.name] = data[spec.name]\n      return output\n }, {})\n }\n\n  updated(changes) {     if (changes.has('activityApproval')) {       this.updateContext()\n }\n }\n\n  async pageUpdated(changes, lifecycle, changedBefore) {     if (this.active && lifecycle.resourceId) {       this.fetchActivityApproval(lifecycle.resourceId)\n }\n }\n\n  async fetchActivityApproval(id) {     const response = await client.query({       query: gql`\n        query activityApproval($id: String!) {           activityApproval(id: $id) ${ActivityApprovalFetchResult}\n }\n      `,\n      variables: {         id\n }\n })\n\n    this.activityApproval = response.data.activityApproval\n    this.activityThread = this.activityApproval.activityThread\n\n    this.updateContext()\n }\n\n  async rejectActivityApproval() {     var { id, comment } = this.activityApproval\n\n    if (!comment) {       document.dispatchEvent(\n        new CustomEvent('notify', {           detail: {             message: i18next.t('text.enter a comment')\n }\n })\n      )\n      this.commentInput.focus()\n      return\n }\n\n    const response = await client.mutate({       mutation: gql`\n        mutation ($id: String!, $comment: String!) {           rejectActivityApproval(id: $id,  comment: $comment) ${ActivityApprovalFetchResult}\n }\n      `,\n      variables: {         id,\n        comment\n }\n })\n\n    if (!response.errors) {       this.activityApproval = response.data.rejectActivityApproval\n      this.activityThread = this.activityApproval.activityThread\n\n      this.updateContext()\n\n      document.dispatchEvent(\n        new CustomEvent('notify', {           detail: {             message: i18next.t('text.task_is_rejected_successfully')\n }\n })\n      )\n }\n }\n\n  async approveActivityApproval() {     var { id, comment } = this.activityApproval\n\n    const response = await client.mutate({       mutation: gql`\n        mutation ($id: String!, $comment: String) {           approveActivityApproval(id: $id,  comment: $comment) ${ActivityApprovalFetchResult}\n }\n      `,\n      variables: {         id,\n        comment\n }\n })\n\n    if (!response.errors) {       this.activityApproval = response.data.approveActivityApproval\n      this.activityThread = this.activityApproval.activityThread\n\n      this.updateContext()\n\n      document.dispatchEvent(\n        new CustomEvent('notify', {           detail: {             message: i18next.t('text.task_is_approved_successfully')\n }\n })\n      )\n }\n }\n\n  async saveActivityApproval() {     var { id, comment } = this.activityApproval\n\n    const response = await client.mutate({       mutation: gql`\n        mutation ($id: String!, $comment: String) {           saveActivityApproval(id: $id, comment: $comment) ${ActivityApprovalFetchResult}\n }\n      `,\n      variables: {         id,\n        comment\n }\n })\n\n    if (!response.errors) {       this.activityApproval = response.data.saveActivityApproval\n      this.activityThread = this.activityApproval.activityThread\n\n      this.updateContext()\n\n      document.dispatchEvent(\n        new CustomEvent('notify', {           detail: {             message: i18next.t('text.task_is_saved_successfully')\n }\n })\n      )\n }\n }\n}\n"]}
+{"version":3,"file":"activity-approval-page.js","sourceRoot":"","sources":["../../../client/pages/activity-approval/activity-approval-page.ts"],"names":[],"mappings":";AAAA,OAAO,wDAAwD,CAAA;AAC/D,OAAO,mCAAmC,CAAA;AAC1C,OAAO,6CAA6C,CAAA;AACpD,OAAO,8CAA8C,CAAA;AAErD,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAA;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,wDAAwD,CAAA;AAEjF,OAAO,EACL,oBAAoB,EACpB,WAAW,EACX,YAAY,EACZ,WAAW,EACZ,MAAM,qCAAqC,CAAA;AAE5C,MAAM,2BAA2B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyElC,CAAA;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAI,UAAU,EAAE,YAAY;IAC9D,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;CACnB,CAAA;AAGM,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;IAA9D;;QA6GL;;;;;;;;WAQG;QACM,WAAM,GAAG,KAAK,CAAA;IA8ZzB,CAAC;aAphBgF,WAAM,GAAG;QACtF,eAAe;QACf,oBAAoB;QACpB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsGF;KACF,AA1GoF,CA0GpF;IAmBD,IAAI,OAAO;QAAS,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAA;QAElE,OAAO,EAAQ,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC;YAC7F,IAAI,EAAE,4BAA4B;YAClC;;;;;eAKG;YACH,IAAI,EAAE,uBAAuB;YAC7B,OAAO,EAAE,QAAQ;gBACf,CAAC,CAAC;oBACE,EAAgB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;wBAC9C,MAAM,EAAE,GAAG,EAAE;4BAAmB,OAAO,CAAC,IAAI,EAAE,CAAA;wBAC3D,CAAC;wBACY,GAAG,kBAAkB,CAAC,IAAI;qBACtC;iBACS;gBACH,CAAC,CAAC;;;;;;;;;;;;qBAYG;oBACH;wBACE,EAAgB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;4BAChD,MAAM,EAAE,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC;4BAC/C,IAAI,EAAE,UAAU;4BAChB,QAAQ,EAAE,EAAkB,MAAM,EAAE,IAAI;gCACtC,QAAQ,EAAE,KAAK;gCACf,KAAK,EAAE,KAAK;gCACZ,MAAM,EAAE,KAAK;6BAC3B;yBACA;wBAEU,EAAgB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;4BAC/C,MAAM,EAAE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC;4BAC9C,IAAI,EAAE,mBAAmB;4BACzB,QAAQ,EAAE,EAAkB,MAAM,EAAE,KAAK;gCACvC,QAAQ,EAAE,IAAI;gCACd,KAAK,EAAE,KAAK;gCACZ,MAAM,EAAE,KAAK;6BAC3B;yBACA;wBAEU,EAAgB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC;4BAClD,MAAM,EAAE,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC;4BAC5C,IAAI,EAAE,WAAW;4BACjB,QAAQ,EAAE,EAAkB,MAAM,EAAE,KAAK;gCACvC,QAAQ,EAAE,IAAI;gCACd,KAAK,EAAE,KAAK;gCACZ,MAAM,EAAE,KAAK;6BAC3B;yBACA;wBACU,EAAgB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;4BAC9C,MAAM,EAAE,GAAG,EAAE;gCAAmB,OAAO,CAAC,IAAI,EAAE,CAAA;4BAC3D,CAAC;4BACY,GAAG,kBAAkB,CAAC,IAAI;4BAC1B,IAAI,EAAE,OAAO;yBACzB;qBACS;YACL,0CAA0C;SAC9C,CAAA;IACD,CAAC;IAEA,MAAM;QAAS,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YACtC,OAAO,IAAI,CAAC,MAAM;gBAChB,CAAC,CAAC,IAAI,CAAA;kCACoB,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC;gCAC3C,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC;iBACvD;gBACT,CAAC,CAAC,OAAO,CAAA;QACb,CAAC;QAED,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAA;QAC9C,MAAM,QAAQ,GAAG,CAAC,YAAY,CAAA;QAE9B,OAAO,IAAI,CAAA;mDACoC,IAAI,CAAC,gBAAgB;QAChE,IAAI,CAAC,eAAe,EAAE;;;;;;0BAMJ,IAAI,CAAC,cAAc;gBAC7B,CAAC,IAAI,CAAC,SAAS,EAAE;;;QAGzB,QAAQ;YACR,CAAC,CAAC,IAAI,CAAA;;;sBAGQ,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC;;gCAEnB,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,gDAAgD,CAAC,CAAC;2BACxE,IAAI,CAAC,gBAAgB,EAAE,OAAO;4BAC7B,CAAC,CAAQ,EAAE,EAAE;gBACrB,IAAI,CAAC,gBAAgB,CAAC,OAAO,GAAI,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAA;YACzE,CAAC;;;;;;kCAMe,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC;;;WAG9D;YACH,CAAC,CAAC,OAAO;KACZ,CAAA;IACJ,CAAC;IAEA,gDAAgD;IAChD,SAAS;QACP,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,gBAAgB,EAAE,QAAQ,EAAE,KAAK,CAAA;QAEpE,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IACxE,CAAC;IAED,eAAe;QAAS,QAAQ,IAAI,CAAC,cAAc,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC;YAAO,KAAK,UAAU;gBAClG,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAA;YACnD,KAAK,WAAW;gBACd,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAA;YAChC,2DAA2D;YAC3D,KAAK,OAAO;gBACV,OAAO,IAAI,CAAC,YAAY,EAAE,CAAA;YAC5B,KAAK,gBAAgB;gBACnB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAA;YACxD,KAAK,MAAM,CAAC;YACZ,KAAK,UAAU;gBACb,OAAO,IAAI,CAAA,EAAE,CAAA;YACf;gBACE,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAA;QACrC,CAAC;IACD,CAAC;IAEA;;;;;;;;;;;;OAYG;IACH,aAAa,CAAC,OAAgB;QAC5B,OAAO,IAAI,CAAA,mBAAmB,OAAO,YAAY,CAAA;IACnD,CAAC;IAED,eAAe;QAAS,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAAO,OAAO,IAAI,CAAA,EAAE,CAAA;QAC1E,CAAC;QAEE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,gBAAgB,CAAA;QACtE,OAAO,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC9B,CAAC;IAEA;;;;;;OAMG;IACH,gBAAgB;QAA0B,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAAO,OAAO,IAAI,CAAA,EAAE,CAAA;QAC5F,CAAC;QAEE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC,cAAc,IAAI,EAAE,CAAA;QAC9D,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,IAAI,EAAE,CAAA;QAExC,MAAM,KAAK,GAAG,gBAAgB,EAAE,QAAQ,EAAE,KAAK,CAAA;QAC/C,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAA;QACpC,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,CAAA;QAEtC;;;;;;WAMG;QACH,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;YAC5C,OAAO,KAAK,CACV,IAAI,CAAC,gBAAgB,CAAC,EAAE,EACxB,IAAI,CAAA;gCACoB,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC;8BACvC,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC;mBACpD,CACZ,CAAA;QACH,CAAC;QAED,OAAO,KAAK,CACV,IAAI,CAAC,gBAAgB,CAAC,EAAE,EACxB,IAAI,CAAA;UACA,SAAS,CAAC,MAAM;YAChB,CAAC,CAAC,IAAI,CAAA;;sBAEM,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC;kBACrC,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC;;aAElC;YACH,CAAC,CAAC,EAAE;UACJ,UAAU,CAAC,MAAM;YACjB,CAAC,CAAC,IAAI,CAAA;;sBAEM,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;kBAC/B,WAAW,CAAC,UAAU,EAAE,MAAM,CAAC;;aAEpC;YACH,CAAC,CAAC,EAAE;OACP,CACF,CAAA;IACJ,CAAC;IAEA,YAAY;QAA0B,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAAO,OAAO,IAAI,CAAA,EAAE,CAAA;QACxF,CAAC;QAEE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC,cAAc,CAAA;QACxD,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,gBAAgB,IAAI,EAAE,CAAA;QAE7D,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,EAAE,CAAC;YAAO,IAAI,CAAC,KAAK,GAAG,EAAU,EAAE,EAAE,OAAO;aAC1F,CAAA;QACD,CAAC;QAEE,OAAO,KAAK,CACV,IAAI,CAAC,gBAAgB,CAAC,EAAE,EACxB,IAAI,CAAA;;;mBAGS,IAAI,CAAC,KAAK;sBACP,QAAQ;oBACV,EAAE,GAAG,KAAK,EAAE,GAAG,MAAM,EAAE;;;;OAIpC,CACF,CAAA;IACJ,CAAC;IAEA,oBAAoB;QAAS,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAAO,OAAO,IAAI,CAAA,EAAE,CAAA;QAC/E,CAAC;QAEE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC,cAAc,CAAA;QACxD,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,gBAAgB,IAAI,EAAE,CAAA;QAE7D,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAC/C,OAAO,CAAC,EAAE,GAAG,gBAAgB,CAAA;QAC7B,OAAO,CAAC,UAAU,GAAG,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAA;QACjD,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;QACrB,OAAO,CAAC,MAAM,GAAG,MAAM,CAAA;QACvB,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAA;QAEhD,OAAO,OAAO,CAAA;IACjB,CAAC;IAIA,kBAAkB;QAAS,MAAM,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,cAAc,EAAE,gBAAgB,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAA;QAChH,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,EAAE,CAAA;QAEhD,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;YAAS,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACpF,OAAO,MAAM,CAAA;QAClB,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,CAAC;IAiBQ,YAAY;QAClB,MAAM,EAAE,GAAG,IAAI,CAAC,gBAAgB,EAAE,EAAE,CAAA;QAEpC,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,gBAAgB,EAAE,YAAY,IAAI,IAAI,CAAC,UAAU,KAAK,EAAE,EAAE,CAAC;YACzF,OAAM;QACR,CAAC;QAED,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAA;QACjD,IAAI,CAAC,UAAU,GAAG,EAAE,CAAA;IACtB,CAAC;IAED,OAAO,CAAC,OAAO;QAAQ,IAAI,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE,CAAC;YAAO,IAAI,CAAC,aAAa,EAAE,CAAA;YACpF,IAAI,CAAC,YAAY,EAAE,CAAA;QACxB,CAAC;IACD,CAAC;IAEA,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa;QAAQ,IAAI,IAAI,CAAC,MAAM,IAAI,SAAS,CAAC,UAAU,EAAE,CAAC;YAAO,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;QAC7J,CAAC;IACD,CAAC;IAEA,KAAK,CAAC,qBAAqB,CAAC,EAAE;QAAQ,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,EAAQ,KAAK,EAAE,GAAG,CAAA;qFACT,2BAA2B;;OAEzG;YACD,SAAS,EAAE,EAAU,EAAE;aAC3B;SACA,CAAC,CAAA;QAEC,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAA;QACtD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;QAClB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAA;QAE1D,IAAI,CAAC,aAAa,EAAE,CAAA;IACvB,CAAC;IAEA,KAAK,CAAC,sBAAsB;QAAS,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAA;QAE9E,IAAI,CAAC,OAAO,EAAE,CAAC;YAAO,QAAQ,CAAC,aAAa,CACxC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAY,MAAM,EAAE,EAAc,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC;iBAC5G;aACA,CAAC,CACI,CAAA;YACD,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAA;YACzB,OAAM;QACX,CAAC;QAEE,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,EAAQ,QAAQ,EAAE,GAAG,CAAA;qHACuD,2BAA2B;;OAEzI;YACD,SAAS,EAAE,EAAU,EAAE;gBACrB,OAAO;aACb;SACA,CAAC,CAAA;QAEC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YAAO,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,sBAAsB,CAAA;YACxF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAA;YAE1D,IAAI,CAAC,aAAa,EAAE,CAAA;YAEpB,QAAQ,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAY,MAAM,EAAE,EAAc,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,oCAAoC,CAAC;iBAC1H;aACA,CAAC,CACI,CAAA;QACN,CAAC;IACD,CAAC;IAEA,KAAK,CAAC,uBAAuB;QAAS,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAA;QAE/E,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,EAAQ,QAAQ,EAAE,GAAG,CAAA;qHACuD,2BAA2B;;OAEzI;YACD,SAAS,EAAE,EAAU,EAAE;gBACrB,OAAO;aACb;SACA,CAAC,CAAA;QAEC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YAAO,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,uBAAuB,CAAA;YACzF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAA;YAE1D,IAAI,CAAC,aAAa,EAAE,CAAA;YAEpB,QAAQ,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAY,MAAM,EAAE,EAAc,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,oCAAoC,CAAC;iBAC1H;aACA,CAAC,CACI,CAAA;QACN,CAAC;IACD,CAAC;IAEA,KAAK,CAAC,oBAAoB;QAAS,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAA;QAE5E,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,EAAQ,QAAQ,EAAE,GAAG,CAAA;iHACmD,2BAA2B;;OAErI;YACD,SAAS,EAAE,EAAU,EAAE;gBACrB,OAAO;aACb;SACA,CAAC,CAAA;QAEC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YAAO,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,oBAAoB,CAAA;YACtF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAA;YAE1D,IAAI,CAAC,aAAa,EAAE,CAAA;YAEpB,QAAQ,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAY,MAAM,EAAE,EAAc,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,iCAAiC,CAAC;iBACvH;aACA,CAAC,CACI,CAAA;QACN,CAAC;IACD,CAAC;;AAvaS;IAAR,KAAK,EAAE;;8DAAsB;AAUrB;IAAR,KAAK,EAAE;;oDAAe;AAEd;IAAR,KAAK,EAAE;;4DAAoB;AACnB;IAAR,KAAK,EAAE;;mDAAW;AAEA;IAAlB,KAAK,CAAC,UAAU,CAAC;8BAAgB,mBAAmB;0DAAA;AA6Q3B;IAAzB,KAAK,CAAC,iBAAiB,CAAC;;2DAAmB;AAxYjC,oBAAoB;IADhC,aAAa,CAAC,wBAAwB,CAAC;GAC3B,oBAAoB,CAohBhC","sourcesContent":["import '@operato/property-editor/ox-properties-dynamic-view.js'\nimport '@operato/board/ox-board-viewer.js'\nimport '../../components/activity-approval-ribon.js'\nimport '../../components/activity-thread-timeline.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, nothing, TemplateResult } from 'lit'\nimport { DirectiveResult } from 'lit-html/directive.js'\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { keyed } from 'lit/directives/keyed.js'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { CommonButtonStyles, ScrollbarStyles } from '@operato/styles'\nimport { provider } from '@things-factory/board-ui/dist-client/board-provider.js'\n\nimport {\n  ActivityFieldsStyles,\n  inputSpecOf,\n  outputSpecOf,\n  renderGiven\n} from '../../components/activity-fields.js'\n\nconst ActivityApprovalFetchResult = `\\\n{   id\n  judgment\n  comment\n  approver {     id\n    name\n }\n  round\n  order\n  createdAt\n  terminatedAt\n  activityThread {     state\n    dueAt\n    assignedAt\n    assignee {       id\n      name\n }\n    updatedAt\n    terminatedAt\n    output\n    activityApprovals {       round\n      order\n      approver {         name\n }\n      judgment\n      comment\n      createdAt\n      updatedAt\n      terminatedAt\n }\n    activityThreadHistories {       transaction\n      reason\n      updater {         name\n }\n      updatedAt\n      state\n      output\n }\n    activityInstance {       id\n      name\n      description\n      state\n      activity {         id\n        model {           name\n          description\n          active\n          tag\n          inout\n          type\n          unit\n          options\n          quantifier\n          spec\n          hidden\n }\n }\n      approvalLine {         type\n        value\n        approver {           id\n          name\n          description\n          controlNo\n }\n }\n      thumbnail\n      input\n      output\n      viewType\n      viewSource\n      dueAt\n      createdAt\n }  \n }\n}`\n\nexport const ActivityThreadStatus = {   Unassigned: 'unassigned',\n  Assigned: 'assigned',\n  Started: 'started',\n  Delegated: 'delegated',\n  Ended: 'ended',\n  Aborted: 'aborted'\n}\n\n@customElement('activity-approval-page')\nexport class ActivityApprovalPage extends localize(i18next)(PageView) {   static styles = [\n    ScrollbarStyles,\n    ActivityFieldsStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n\n        width: 100%;\n        overflow: auto;\n        background: var(--ui-bg, #f0f2f4);\n        color: var(--ui-ink, #17242c);\n        font-size: var(--ui-t-body, 13px);\n      }\n\n      /* 카드가 담아 주므로 안에 들어오는 화면은 자기 면과 여백을 갖지 않는다. */\n      /*\n       * 줄어들지 않는다 — 줄어들면 본문이 잘린다.\n       *\n       * flex 항목인데 크기를 안 정해 두면 기본이 flex: 0 1 auto 다. **1 이 줄어든다는 뜻이다** —\n       * 세로가 모자라면 브라우저가 이 칸부터 줄이는데, 여기엔 카드 모서리를 따라 자르려고\n       * overflow: hidden 이 걸려 있어서 줄어든 만큼이 **스크롤도 없이 사라진다.**\n       *\n       * 완료 조회에서 실측했다(1400x620): 칸이 242px 로 줄고 내용은 362px 이라 「업무 내용」 절이\n       * 대부분 잘렸고, 잘린 자리 바로 아래에서 타임라인이 시작하니 타임라인이 본문을 덮은 것처럼\n       * 보였다. 세로가 넉넉하면 줄일 일이 없어 안 드러난다.\n       *\n       * 안에 오는 것은 문서다. 높이를 정해 주어야 하는 것은 board 뿐이고 board 는 이 칸을 거치지\n       * 않는다(activityContent 참조). 문서는 제 높이로 서고, 모자라면 페이지 전체가 스크롤한다 —\n       * :host 의 overflow: auto 가 그 자리다.\n       */\n      section[hosted] {\n        flex: none;\n        padding: 0;\n        overflow: hidden;\n      }\n\n      ox-board-viewer {\n        width: 100%;\n        height: 100%;\n      }\n\n      activity-thread-timeline {\n        margin: var(--spacing-large, 16px);\n      }\n\n      /*\n       * 의견 칸 — 이 화면에서 **결재자가 유일하게 적는 자리**다.\n       *\n       * 화면 아래에 붙어 있어(sticky) 목록을 내려 읽는 동안에도 보인다. 그 자리를 지키되 모양은\n       * 다른 절과 같은 카드로 둔다. 전에는 회색 면(surface-variant)에 다른 테두리라 이 화면에서\n       * 혼자 다른 부품처럼 보였다.\n       */\n      /*\n       * 의견 — 이 화면에서 **결재자가 유일하게 적는 자리**다.\n       *\n       * 화면 아래에 붙어 있어(sticky) 내용을 내려 읽는 동안에도 보인다. 그 자리를 지키되 모양은\n       * 다른 절과 같은 카드로 둔다. 전에는 회색 면(surface-variant)에 다른 테두리라 이 화면에서\n       * 혼자 다른 부품처럼 보였다.\n       */\n      div[comment] {\n        position: sticky;\n        bottom: 0;\n        padding-bottom: var(--spacing-large, 16px);\n        background: var(--ui-bg, #f0f2f4);\n      }\n\n      /*\n       * 이 화면에서 **사용자가 유일하게 손대는 자리**라는 것을 모양으로 말한다.\n       *\n       * 나머지 절은 전부 읽는 것이고, 판단은 아래 툴바의 단추가 받는다. 그런데 의견 칸이 읽는\n       * 절들과 똑같은 카드라 「내 차례가 어디인지」가 화면에 없었다. 왼쪽에 강조색 띠를 둔다 —\n       * sticky 라 툴바 바로 위에 붙으므로 띠와 단추가 한 덩어리로 읽힌다.\n       */\n      div[comment] section {\n        border-left: 3px solid var(--ui-accent, #00727e);\n      }\n\n      div[comment] textarea {\n        display: block;\n        box-sizing: border-box;\n        width: 100%;\n        height: 76px;\n        padding: 10px 12px;\n        background: var(--ui-panel, #ffffff);\n        border: 1px solid var(--ui-line, #d5dce0);\n        border-radius: var(--ui-r-small, 6px);\n        color: var(--ui-ink, #17242c);\n        font: inherit;\n        font-size: var(--ui-t-body, 13px);\n        resize: none;\n        outline: none;\n      }\n\n      div[comment] textarea:focus {\n        border-color: var(--ui-accent, #00727e);\n      }\n\n      div[comment] .hint {\n        margin: 7px 0 0;\n        font-size: var(--ui-t-small, 11.5px);\n        color: var(--ui-faint, #8a959c);\n        word-break: keep-all;\n      }\n    `\n  ]\n\n  @state() activityApproval: any\n  /**\n   * 조회를 마쳤나 — **「아직 안 읽었다」와 「없다」는 다르다.**\n   *\n   * 전에는 값이 없으면 곧바로 「업무활동 정보가 없습니다」를 그렸다. 그런데 이 화면은 열리자마자\n   * 조회를 시작하므로, 응답이 오기 전까지 **없다고 단언하는 화면**이 보인다. 목록에서 줄을 눌러\n   * 들어온 사람은 방금 본 건이 없다는 말을 먼저 읽는다.\n   *\n   * 조회가 끝난 뒤에만 그 말을 한다. 그 전에는 아무 말도 하지 않는다.\n   */\n  @state() loaded = false\n\n  @state() activityThread: any\n  @state() board: any\n\n  @query('textarea') commentInput!: HTMLTextAreaElement\n\n  get context() {     const judgment = this.activityApproval?.judgment\n\n    return {       title: this.lifecycle?.params?.['title'] || i18next.t('title.activity approval'),\n      help: 'worklist/activity-approval',\n      /*\n       * 이 화면은 메뉴에 없다 — 「내 결재함」에서 줄을 눌러 들어온다. 그래서 왼쪽 메뉴가 가리킬\n       * 항목이 없고, 표시가 사라져 들어온 사람이 자기가 어디에 있는지 잃는다.\n       *\n       * 어느 목록에서 열리는지는 이 화면이 안다. 그것을 적어 둔다.\n       */\n      menu: 'approval-pending-list',\n      actions: judgment\n        ? [\n            {               title: i18next.t('button.close'),\n              action: () => {                 history.back()\n },\n              ...CommonButtonStyles.back\n }\n          ]\n        : /*\n           * ── 세 단추의 순서와 무게 (2026-09-06) ──────────────────────────\n           * 전에는 반려가 첫 자리였고, 승인 · 반려 · 저장이 모두 같은 모양이었다. 되돌리기 어려운\n           * 것이 앞에 서고 무엇이 주된 흐름인지 화면이 말하지 않았다.\n           *\n           * 승인이 주 동작이다 — 채운 단추 하나. 반려는 대등한 선택이지만 예외 경로라 테두리\n           * 단추로 그 옆에 둔다.\n           *\n           * 「저장」은 이름이 뜻을 말하지 않았다. 이 단추가 저장하는 것은 **의견 하나**이고\n           * (saveActivityApproval 은 id 와 comment 만 보낸다), 판단은 미뤄 둔다. 그리고 그 결과는\n           * 목록에서 「메모 있음」 표식으로 나타난다(activity-cells 의 approvalMarks). 목록이\n           * 부르는 이름과 같은 낱말로 맞춘다.\n           */\n          [\n            {               title: i18next.t('button.approve'),\n              action: this.approveActivityApproval.bind(this),\n              icon: 'approval',\n              emphasis: {                 raised: true,\n                outlined: false,\n                dense: false,\n                danger: false\n }\n },\n\n            {               title: i18next.t('button.reject'),\n              action: this.rejectActivityApproval.bind(this),\n              icon: 'assignment_return',\n              emphasis: {                 raised: false,\n                outlined: true,\n                dense: false,\n                danger: false\n }\n },\n\n            {               title: i18next.t('button.save-note'),\n              action: this.saveActivityApproval.bind(this),\n              icon: 'edit_note',\n              emphasis: {                 raised: false,\n                outlined: true,\n                dense: false,\n                danger: false\n }\n },\n            {               title: i18next.t('button.close'),\n              action: () => {                 history.back()\n },\n              ...CommonButtonStyles.back,\n              icon: 'close'\n }\n          ]\n      // activityApproval: this.activityApproval\n }\n }\n\n  render() {     if (!this.activityThread) {\n      return this.loaded\n        ? html`<div empty>\n            <span class=\"title\">${i18next.t('text.no activity thread info')}</span>\n            <span class=\"why\">${i18next.t('text.no-activity-thread-why')}</span>\n          </div>`\n        : nothing\n    }\n\n    const { terminatedAt } = this.activityApproval\n    const editable = !terminatedAt\n\n    return html`\n      <activity-approval-ribon .activityApproval=${this.activityApproval}></activity-approval-ribon>\n      ${this.activityContent()}\n      <!--\n        보일 항목이 하나도 없으면 타임라인을 편다 — 그때는 화면이 「아래 타임라인의 상신 사유와\n        이력을 보고 판단하세요」로 여기를 가리키므로, 접혀 있으면 그 안내가 거짓말이 된다.\n      -->\n      <activity-thread-timeline\n        .activityThread=${this.activityThread}\n        ?open=${!this.hasFields()}\n        short-form\n      ></activity-thread-timeline>\n      ${editable\n        ? html`\n            <div comment>\n              <section>\n                <h2>${i18next.t('field.wl-comment')}</h2>\n                <textarea\n                  placeholder=${String(i18next.t('text.explain the reason for approval/rejection'))}\n                  .value=${this.activityApproval?.comment}\n                  @change=${(e: Event) => {\n                    this.activityApproval.comment = (e.target as HTMLTextAreaElement).value\n                  }}\n                ></textarea>\n                <!--\n                  반려는 의견이 필수다(rejectActivityApproval). 전에는 그 규칙을 **누른 뒤에** 토스트로\n                  알렸다. 되돌릴 수 없는 것과 뜻이 다른 동작은 하기 전에 말한다.\n                -->\n                <p class=\"hint\">${i18next.t('text.approval-comment-hint')}</p>\n              </section>\n            </div>\n          `\n        : nothing}\n    `\n }\n\n  /** 화면에 낼 항목이 하나라도 있나. 타임라인을 펴 둘지 정하는 자리가 쓴다. */\n  hasFields(): boolean {\n    const model = this.activityThread?.activityInstance?.activity?.model\n\n    return inputSpecOf(model).length > 0 || outputSpecOf(model).length > 0\n  }\n\n  activityContent() {     switch (this.activityThread?.activityInstance?.viewType) {       case 'template':\n        return this.hostedContent(this.templateContent())\n      case 'generated':\n        return this.generatedContent()\n      /* board 는 전체 화면을 쓰는 캔버스라 카드에 담지 않는다(hostedContent 머리말). */\n      case 'board':\n        return this.boardContent()\n      case 'custom-element':\n        return this.hostedContent(this.customElementContent())\n      case 'page':\n      case 'external':\n        return html``\n      default:\n        return this.generatedContent()\n }\n }\n\n  /**\n   * 화면 종류가 달라도 **같은 자리에 같은 모양으로 놓인다.**\n   *\n   * worklist 는 네 가지로 내용을 그린다(generated · custom-element · template · board). 그중\n   * generated 만 절 카드 안에 있었고 나머지 셋은 면 위에 맨몸으로 놓였다. 그래서 같은 결재 화면이\n   * 액티비티에 따라 카드였다가 아니었다가 했다 — 아래의 타임라인 · 의견은 늘 카드라 위계도 어긋났다.\n   *\n   * board 는 뺀다. 전체 폭 · 전체 높이를 쓰는 캔버스라 카드 안에 넣으면 여백이 두 겹이 되고 크기가\n   * 어긋난다.\n   *\n   * 카드는 여백을 두지 않는다(padding: 0). 안에 들어오는 것이 자기 조판을 갖고 있고, 두 겹으로\n   * 주면 안쪽 내용이 카드 가운데로 밀린다.\n   */\n  hostedContent(content: unknown) {\n    return html`<section hosted>${content}</section>`\n  }\n\n  templateContent() {     if (!this.activityApproval) {       return html``\n }\n\n    const { viewSource: template } = this.activityThread?.activityInstance\n    return unsafeHTML(template)\n }\n\n  /**\n   * 결재자가 보는 내용 — **전부 읽기 전용이다.**\n   *\n   * 전에는 「Output」 절을 편집기로 그리고 변경을 activityApproval.output 에 적었다. 그런데\n   * approveActivityApproval / rejectActivityApproval 은 id 와 comment 만 보낸다 — 그 값은 어디에도\n   * 가지 않는다. 결재자가 적을 수 있는 것은 의견 하나이고, 그것은 화면 아래 칸이 받는다.\n   */\n  generatedContent(): DirectiveResult {     if (!this.activityApproval) {       return html``\n }\n\n    const { output, activityInstance } = this.activityThread || {}\n    const { input } = activityInstance || {}\n\n    const model = activityInstance?.activity?.model\n    const inputSpec = inputSpecOf(model)\n    const outputSpec = outputSpecOf(model)\n\n    /*\n     * **결재 화면에서 내용이 비어 있는 것은 경고다.**\n     *\n     * 업무 상세라면 「적을 것이 없다」로 끝난다. 여기서는 다르다 — 무엇을 승인하는지 모르는 채로\n     * 승인 · 반려 버튼이 그대로 눌린다. 그 사실을 화면이 말하고, 대신 무엇을 보고 판단할지 알려\n     * 준다(타임라인의 상신 사유).\n     */\n    if (!inputSpec.length && !outputSpec.length) {\n      return keyed(\n        this.activityApproval.id,\n        html`<section empty>\n          <span class=\"title\">${i18next.t('text.no-approval-content')}</span>\n          <span class=\"why\">${i18next.t('text.no-approval-content-why')}</span>\n        </section>`\n      )\n    }\n\n    return keyed(\n      this.activityApproval.id,\n      html`\n        ${inputSpec.length\n          ? html`\n              <section readonly>\n                <h2>${i18next.t('label.activity-input')}</h2>\n                ${renderGiven(inputSpec, input)}\n              </section>\n            `\n          : ''}\n        ${outputSpec.length\n          ? html`\n              <section readonly>\n                <h2>${i18next.t('field.artifact')}</h2>\n                ${renderGiven(outputSpec, output)}\n              </section>\n            `\n          : ''}\n      `\n    )\n }\n\n  boardContent(): DirectiveResult {     if (!this.activityApproval) {       return html``\n }\n\n    const { output, activityInstance } = this.activityThread\n    const { viewSource: boardId, input } = activityInstance || {}\n\n    if (!this.board || this.board.id !== boardId) {       this.board = {         id: boardId\n }\n }\n\n    return keyed(\n      this.activityApproval.id,\n      html`\n        <ox-board-viewer\n          style=\"background-color: white;\"\n          .board=${this.board}\n          .provider=${provider}\n          .values=${{ ...input, ...output }}\n          hide-fullscreen\n          hide-navigation\n        ></ox-board-viewer>\n      `\n    )\n }\n\n  customElementContent() {     if (!this.activityApproval) {       return html``\n }\n\n    const { output, activityInstance } = this.activityThread\n    const { viewSource: tagName, input } = activityInstance || {}\n\n    const element = document.createElement(tagName)\n    element.id = 'custom-content'\n    element.activityId = activityInstance.activity.id\n    element.input = input\n    element.output = output\n    element.activityApproval = this.activityApproval\n\n    return element\n }\n\n  @query('ox-board-viewer') oxBoardViewer: any\n\n  getOutputFromBoard() {     const outputSpec = outputSpecOf(this.activityThread?.activityInstance?.activity?.model)\n    const data = this.oxBoardViewer.getSceneValues()\n\n    return outputSpec.reduce((output, spec) => {       output[spec.name] = data[spec.name]\n      return output\n }, {})\n }\n\n  /**\n   * 화면이 열리면 **의견 칸에 캐럿을 둔다.**\n   *\n   * 결재자가 이 화면에서 적는 것은 의견 하나다. 나머지는 전부 읽는 것이고, 판단은 아래 버튼이\n   * 받는다. 그러면 열자마자 커서가 있어야 하는 자리는 하나뿐이다.\n   *\n   * 조건 둘을 지킨다.\n   *\n   *   활성 탭일 때만   MDI 라 뒤에 있는 탭이 응답을 받으면 앞 탭의 입력을 빼앗는다\n   *   한 건에 한 번    갱신마다 focus 를 부르면 사용자가 옮긴 커서를 계속 되돌린다\n   *\n   * preventScroll 을 준다 — 화면을 아래로 끌어내리면 정작 무엇을 승인하는지가 위로 사라진다.\n   */\n  private focusedFor?: string\n\n  private focusComment() {\n    const id = this.activityApproval?.id\n\n    if (!id || !this.active || this.activityApproval?.terminatedAt || this.focusedFor === id) {\n      return\n    }\n\n    this.commentInput?.focus({ preventScroll: true })\n    this.focusedFor = id\n  }\n\n  updated(changes) {     if (changes.has('activityApproval')) {       this.updateContext()\n      this.focusComment()\n }\n }\n\n  async pageUpdated(changes, lifecycle, changedBefore) {     if (this.active && lifecycle.resourceId) {       this.fetchActivityApproval(lifecycle.resourceId)\n }\n }\n\n  async fetchActivityApproval(id) {     const response = await client.query({       query: gql`\n        query activityApproval($id: String!) {           activityApproval(id: $id) ${ActivityApprovalFetchResult}\n }\n      `,\n      variables: {         id\n }\n })\n\n    this.activityApproval = response.data.activityApproval\n    this.loaded = true\n    this.activityThread = this.activityApproval.activityThread\n\n    this.updateContext()\n }\n\n  async rejectActivityApproval() {     var { id, comment } = this.activityApproval\n\n    if (!comment) {       document.dispatchEvent(\n        new CustomEvent('notify', {           detail: {             message: i18next.t('text.enter a comment')\n }\n })\n      )\n      this.commentInput.focus()\n      return\n }\n\n    const response = await client.mutate({       mutation: gql`\n        mutation ($id: String!, $comment: String!) {           rejectActivityApproval(id: $id,  comment: $comment) ${ActivityApprovalFetchResult}\n }\n      `,\n      variables: {         id,\n        comment\n }\n })\n\n    if (!response.errors) {       this.activityApproval = response.data.rejectActivityApproval\n      this.activityThread = this.activityApproval.activityThread\n\n      this.updateContext()\n\n      document.dispatchEvent(\n        new CustomEvent('notify', {           detail: {             message: i18next.t('text.task_is_rejected_successfully')\n }\n })\n      )\n }\n }\n\n  async approveActivityApproval() {     var { id, comment } = this.activityApproval\n\n    const response = await client.mutate({       mutation: gql`\n        mutation ($id: String!, $comment: String) {           approveActivityApproval(id: $id,  comment: $comment) ${ActivityApprovalFetchResult}\n }\n      `,\n      variables: {         id,\n        comment\n }\n })\n\n    if (!response.errors) {       this.activityApproval = response.data.approveActivityApproval\n      this.activityThread = this.activityApproval.activityThread\n\n      this.updateContext()\n\n      document.dispatchEvent(\n        new CustomEvent('notify', {           detail: {             message: i18next.t('text.task_is_approved_successfully')\n }\n })\n      )\n }\n }\n\n  async saveActivityApproval() {     var { id, comment } = this.activityApproval\n\n    const response = await client.mutate({       mutation: gql`\n        mutation ($id: String!, $comment: String) {           saveActivityApproval(id: $id, comment: $comment) ${ActivityApprovalFetchResult}\n }\n      `,\n      variables: {         id,\n        comment\n }\n })\n\n    if (!response.errors) {       this.activityApproval = response.data.saveActivityApproval\n      this.activityThread = this.activityApproval.activityThread\n\n      this.updateContext()\n\n      document.dispatchEvent(\n        new CustomEvent('notify', {           detail: {             message: i18next.t('text.task_is_saved_successfully')\n }\n })\n      )\n }\n }\n}\n"]}

package/dist-client/pages/activity-instance/activity-instance-list-page.d.ts

@@ -39,6 +39,5 @@ export declare class ActivityInstanceListPage extends ActivityInstanceListPage_b
     }>;
     abortActivityInstances(): Promise<void>;
     showToast(message: any): void;
-    dueTimer(exp: any): AsyncGenerator<string, void, unknown>;
 }
 export {};

package/dist-client/pages/activity-instance/activity-instance-list-page.js

@@ -10,9 +10,11 @@ import { client } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
 import { CustomAlert, PageView } from '@operato/shell';
 import { CommonHeaderStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles';
-import { isMobileDevice, sleep } from '@operato/utils';
+import { isMobileDevice } from '@operato/utils';
 import { p13n } from '@operato/p13n';
+import { dueTimer } from '../../due.js';
 import { ActivityInstanceStatus } from '../../types/activity-instance.js';
+import { priorityCell } from '../../activity-cells.js';
 const MIN = 60;
 const HOUR = 60 * MIN;
 const DAY = 24 * HOUR;
@@ -157,12 +159,10 @@ let ActivityInstanceListPage = class ActivityInstanceListPage extends p13n(local
                 { type: 'number',
                     name: 'priority',
                     header: i18next.t('field.priority'),
-                    record: { editable: false,
-                        renderer: function (value, column, record, rowIndex, field) {
-                            const color = ['', '#98FB98', '#87CEEB', '#FF6B6B', '#8B0000'][value || 0];
-                            const count = new Array(value > 4 ? 4 : value || 0).fill('');
-                            return html `${count.map(() => html `<md-icon style="color:${color};">star</md-icon>`)}`;
-                        }
+                    record: {
+                        editable: false,
+                        align: 'center',
+                        renderer: priorityCell()
                     },
                     width: 60
                 },
@@ -182,7 +182,7 @@ let ActivityInstanceListPage = class ActivityInstanceListPage extends p13n(local
                     record: { editable: false,
                         renderer: (value, column, record, rowIndex, field) => {
                             if (isDueable(record.state)) {
-                                return html ` <span>${asyncReplace(this.dueTimer(record.dueAt))}</span>`;
+                                return html ` <span>${asyncReplace(dueTimer(record.dueAt, () => this.active))}</span>`;
                             }
                         }
                     },
@@ -310,22 +310,6 @@ let ActivityInstanceListPage = class ActivityInstanceListPage extends p13n(local
     showToast(message) {
         document.dispatchEvent(new CustomEvent('notify', { detail: { message } }));
     }
-    async *dueTimer(exp) {
-        while (exp && this.active) {
-            var secs = Math.round((Date.parse(exp) - Date.now()) / 1000);
-            var positive = secs >= 0;
-            secs = Math.abs(secs);
-            const days = Math.floor(secs / DAY);
-            secs -= days * DAY;
-            const hours = Math.floor(secs / HOUR);
-            secs -= hours * HOUR;
-            const minutes = Math.floor(secs / MIN);
-            const seconds = secs - minutes * MIN;
-            const result = `${positive ? '' : '- '}${days ? `${days}${i18next.t('label.days')} ` : ''}${hours ? `${hours}${i18next.t('label.hours')} ` : ''}${minutes ? `${minutes}${i18next.t('label.minutes')} ` : ''}`;
-            yield result;
-            await sleep(60 * 1000);
-        }
-    }
 };
 __decorate([
     property({ type: Object }),

package/dist-client/pages/activity-instance/activity-instance-list-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"activity-instance-list-page.js","sourceRoot":"","sources":["../../../client/pages/activity-instance/activity-instance-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\nimport '@operato/input/ox-input-select-buttons.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { asyncReplace } from 'lit/directives/async-replace.js'\nimport { FetchOption, DataGrist } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { CustomAlert, PageView } from '@operato/shell'\nimport { CommonHeaderStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { isMobileDevice, sleep } from '@operato/utils'\nimport { p13n } from '@operato/p13n'\n\nimport { ActivityInstanceStatus } from '../../types/activity-instance.js'\n\nconst MIN = 60\nconst HOUR = 60 * MIN\nconst DAY = 24 * HOUR\n\nfunction getActivityInstanceStatus() {   return [\n    { display: '', value: '' },\n    {       display: i18next.t('label.activity-state-draft'),\n      value: ActivityInstanceStatus.Draft\n },\n    {       display: i18next.t('label.activity-state-issued'),\n      value: ActivityInstanceStatus.Issued\n },\n    {       display: i18next.t('label.activity-state-unassigned'),\n      value: ActivityInstanceStatus.Unassigned\n },\n    {       display: i18next.t('label.activity-state-assigned'),\n      value: ActivityInstanceStatus.Assigned\n },\n    {       display: i18next.t('label.activity-state-started'),\n      value: ActivityInstanceStatus.Started\n },\n    {       display: i18next.t('label.activity-state-pending'),\n      value: ActivityInstanceStatus.Pending\n },\n    {       display: i18next.t('label.activity-state-ended'),\n      value: ActivityInstanceStatus.Ended\n },\n    {       display: i18next.t('label.activity-state-aborted'),\n      value: ActivityInstanceStatus.Aborted\n }\n  ]\n}\n\nconst isDueable = (state: ActivityInstanceStatus) => {   return (\n    state === ActivityInstanceStatus.Issued ||\n    state === ActivityInstanceStatus.Assigned ||\n    state === ActivityInstanceStatus.Started ||\n    state === ActivityInstanceStatus.Pending\n  )\n}\n\n@customElement('activity-instance-list-page')\nexport class ActivityInstanceListPage extends p13n(localize(i18next)(PageView)) {   static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {         display: flex;\n\n        width: 100%;\n\n        --grid-record-emphasized-background-color: #8b0000;\n        --grid-record-emphasized-color: #ff6b6b;\n\n        --grid-header-padding: 2px 0 2px 9px;\n }\n\n      ox-grist {         overflow-y: auto;\n        flex: 1;\n }\n\n      .header {         grid-template-areas: 'filters actions';\n }\n    `\n  ]\n\n  @property({ type: Object }) gristConfig: any\n  @property({ type: String }) mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'\n\n  @state() private issuedByMe?: boolean = false\n\n  @query('ox-grist') grist!: DataGrist\n\n  get context() {     return {       title: i18next.t('title.activity instance list'),\n      search: {         handler: (search: string) => {           this.grist.searchText = search\n },\n        value: this.grist?.searchText || ''\n },\n      filter: {         handler: () => {           this.grist.toggleHeadroom()\n }\n },\n      help: 'worklist/activity-instance-list-page',\n      actions: [\n        {           title: i18next.t('button.abort'),\n          action: this.abortActivityInstances.bind(this),\n          icon: 'cancel'\n }\n      ],\n      toolbar: false\n }\n }\n\n  render() {     const mode = this.mode\n\n    return html`\n      <ox-grist\n        .mode=${mode}\n        .config=${this.gristConfig}\n        .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')!}\n        .fetchHandler=${this.fetchHandler.bind(this)}\n      >\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\">\n            <ox-checkbox\n              .checked=${this.issuedByMe}\n              @change=${(e: CustomEvent) => {                 this.issuedByMe = (e.currentTarget as any)?.checked\n                this.grist.fetch()\n }}\n            ></ox-checkbox>\n            ${i18next.t('label.issued-by-me')}\n\n            <ox-filters-form autofocus without-search></ox-filters-form>\n          </div>\n\n          <ox-context-page-toolbar class=\"actions\" .context=${this.context}> </ox-context-page-toolbar>\n        </div>\n\n        <ox-grist-personalizer slot=\"setting\"></ox-grist-personalizer>\n      </ox-grist>\n    `\n }\n\n  async pageInitialized(lifecycle) {     this.gristConfig = {       list: {         thumbnail: 'thumbnail',\n        fields: ['name', 'description'],\n        details: ['updatedAt']\n },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {           type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          record: {             editable: false\n },\n          filter: 'search',\n          sortable: true,\n          width: 200\n },\n        {           type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: {             editable: false\n },\n          filter: 'search',\n          width: 240\n },\n        {           type: 'number',\n          name: 'priority',\n          header: i18next.t('field.priority'),\n          record: {             editable: false,\n            renderer: function (value, column, record, rowIndex, field) {               const color = ['', '#98FB98', '#87CEEB', '#FF6B6B', '#8B0000'][value || 0]\n              const count = new Array(value > 4 ? 4 : value || 0).fill('')\n              return html`${count.map(() => html`<md-icon style=\"color:${color};\">star</md-icon>`)}`\n }\n },\n          width: 60\n },\n        {           type: 'select',\n          name: 'state',\n          label: i18next.t('field.status'),\n          header: i18next.t('field.status'),\n          record: {             editable: false,\n            options: getActivityInstanceStatus()\n },\n          filter: true,\n          width: 80\n },\n        {           type: 'string',\n          name: 'dueIn',\n          header: i18next.t('field.due-in'),\n          record: {             editable: false,\n            renderer: (value, column, record, rowIndex, field) => {               if (isDueable(record.state)) {                 return html` <span>${asyncReplace(this.dueTimer(record.dueAt))}</span>`\n }\n }\n },\n          sortable: false,\n          width: 180\n },\n        {           type: 'resource-object',\n          name: 'issuer',\n          header: i18next.t('field.issuer'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 120\n },\n        {           type: 'datetime',\n          name: 'issuedAt',\n          header: i18next.t('field.issued-at'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 180\n },\n        {           type: 'datetime',\n          name: 'dueAt',\n          header: i18next.t('field.due-at'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 180\n },\n        {           type: 'datetime',\n          name: 'startedAt',\n          header: i18next.t('field.started-at'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 180\n },\n        {           type: 'datetime',\n          name: 'terminatedAt',\n          header: i18next.t('field.terminated-at'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 180\n },\n        {           type: 'image',\n          name: 'thumbnail',\n          header: i18next.t('field.thumbnail'),\n          record: { editable: false },\n          hidden: true\n }\n      ],\n      rows: {         selectable: {           multiple: true\n }\n },\n      sorters: [\n        {           name: 'issuedAt',\n          desc: true\n }\n      ]\n }\n }\n\n  async fetchHandler({ page, limit, sortings = [], filters = [] }: FetchOption) {     const response = await client.query({       query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {           responses: ${this.issuedByMe ? 'activityInstancesIssuedByMe' : 'activityInstances'}(filters: $filters, pagination: $pagination, sortings: $sortings) {             items {               id\n              name\n              description\n              priority\n              state\n              thumbnail\n              issuer {                 id\n                name\n }\n              updater {                 id\n                name\n }\n              issuedAt\n              dueAt\n              startedAt\n              terminatedAt\n }\n            total\n }\n }\n      `,\n      variables: {         filters,\n        pagination: { page, limit },\n        sortings\n }\n })\n\n    return {       total: response.data.responses.total || 0,\n      records: response.data.responses.items || []\n }\n }\n\n  async abortActivityInstances() {     const ids = this.grist.selected.map(record => record.id)\n    if (ids && ids.length > 0) {       const answer = await CustomAlert({         type: 'warning',\n        title: i18next.t('button.abort'),\n        text: i18next.t('text.are_you_sure'),\n        confirmButton: { text: i18next.t('button.abort') },\n        cancelButton: { text: i18next.t('button.cancel') }\n })\n\n      if (!answer?.value) return\n\n      const response = await client.query({         query: gql`\n          mutation ($ids: [String!]!) {             abortActivityInstances(ids: $ids)\n }\n        `,\n        variables: {           ids\n }\n })\n\n      if (!response.errors) {         this.grist.fetch()\n        this.showToast(i18next.t('text.activity_instance_aborted_successfully'))\n }\n } else {       CustomAlert({         title: i18next.t('text.nothing_selected'),\n        text: i18next.t('text.there_is_nothing_to_process')\n })\n }\n }\n\n  showToast(message) {     document.dispatchEvent(new CustomEvent('notify', { detail: { message } }))\n }\n\n  async *dueTimer(exp) {     while (exp && this.active) {       var secs = Math.round((Date.parse(exp) - Date.now()) / 1000)\n      var positive = secs >= 0\n\n      secs = Math.abs(secs)\n      const days = Math.floor(secs / DAY)\n      secs -= days * DAY\n      const hours = Math.floor(secs / HOUR)\n      secs -= hours * HOUR\n      const minutes = Math.floor(secs / MIN)\n      const seconds = secs - minutes * MIN\n\n      const result = `${positive ? '' : '- '}${days ? `${days}${i18next.t('label.days')} ` : ''}${hours ? `${hours}${i18next.t('label.hours')} ` : ''}${         minutes ? `${minutes}${i18next.t('label.minutes')} ` : ''\n }`\n\n      yield result\n\n      await sleep(60 * 1000)\n }\n }\n}\n"]}
+{"version":3,"file":"activity-instance-list-page.js","sourceRoot":"","sources":["../../../client/pages/activity-instance/activity-instance-list-page.ts"],"names":[],"mappings":";AAAA,OAAO,qBAAqB,CAAA;AAC5B,OAAO,2CAA2C,CAAA;AAElD,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAe,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACxF,OAAO,EAAE,cAAc,EAAS,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAA;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAEtD,MAAM,GAAG,GAAG,EAAE,CAAA;AACd,MAAM,IAAI,GAAG,EAAE,GAAG,GAAG,CAAA;AACrB,MAAM,GAAG,GAAG,EAAE,GAAG,IAAI,CAAA;AAErB,SAAS,yBAAyB;IAAO,OAAO;QAC5C,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;QAC1B,EAAQ,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC;YACtD,KAAK,EAAE,sBAAsB,CAAC,KAAK;SACvC;QACE,EAAQ,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC;YACvD,KAAK,EAAE,sBAAsB,CAAC,MAAM;SACxC;QACE,EAAQ,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,iCAAiC,CAAC;YAC3D,KAAK,EAAE,sBAAsB,CAAC,UAAU;SAC5C;QACE,EAAQ,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC;YACzD,KAAK,EAAE,sBAAsB,CAAC,QAAQ;SAC1C;QACE,EAAQ,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC;YACxD,KAAK,EAAE,sBAAsB,CAAC,OAAO;SACzC;QACE,EAAQ,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC;YACxD,KAAK,EAAE,sBAAsB,CAAC,OAAO;SACzC;QACE,EAAQ,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC;YACtD,KAAK,EAAE,sBAAsB,CAAC,KAAK;SACvC;QACE,EAAQ,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC;YACxD,KAAK,EAAE,sBAAsB,CAAC,OAAO;SACzC;KACC,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,KAA6B,EAAE,EAAE;IAAK,OAAO,CAC5D,KAAK,KAAK,sBAAsB,CAAC,MAAM;QACvC,KAAK,KAAK,sBAAsB,CAAC,QAAQ;QACzC,KAAK,KAAK,sBAAsB,CAAC,OAAO;QACxC,KAAK,KAAK,sBAAsB,CAAC,OAAO,CACzC,CAAA;AACH,CAAC,CAAA;AAGM,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;IAAxE;;QAyBuB,SAAI,GAA6B,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;QAE9E,eAAU,GAAa,KAAK,CAAA;IAoO/C,CAAC;aA/P0F,WAAM,GAAG;QAChG,eAAe;QACf,iBAAiB;QACjB,kBAAkB;QAClB,GAAG,CAAA;;;;;;;;;;;;;;;;;KAiBF;KACF,AAtB8F,CAsB9F;IASD,IAAI,OAAO;QAAS,OAAO,EAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC;YAC/E,MAAM,EAAE,EAAU,OAAO,EAAE,CAAC,MAAc,EAAE,EAAE;oBAAa,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAA;gBAC9F,CAAC;gBACM,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,IAAI,EAAE,EACzC;YACI,MAAM,EAAE,EAAU,OAAO,EAAE,GAAG,EAAE;oBAAa,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAA;gBAC7E,CAAC;aACA;YACI,IAAI,EAAE,sCAAsC;YAC5C,OAAO,EAAE;gBACP,EAAY,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;oBAC1C,MAAM,EAAE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC;oBAC9C,IAAI,EAAE,QAAQ;iBACtB;aACK;YACD,OAAO,EAAE,KAAK,EAClB,CAAA;IACD,CAAC;IAEA,MAAM;QAAS,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;QAEnC,OAAO,IAAI,CAAA;;gBAEC,IAAI;kBACF,IAAI,CAAC,WAAW;kCACA,IAAI,CAAC,yBAAyB,CAAC,UAAU,CAAE;wBACrD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;yBAK3B,IAAI,CAAC,UAAU;wBAChB,CAAC,CAAc,EAAE,EAAE;YAAmB,IAAI,CAAC,UAAU,GAAI,CAAC,CAAC,aAAqB,EAAE,OAAO,CAAA;YACjG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;QACjC,CAAC;;cAEY,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC;;;;;8DAKiB,IAAI,CAAC,OAAO;;;;;KAKrE,CAAA;IACJ,CAAC;IAEA,KAAK,CAAC,eAAe,CAAC,SAAS;QAAQ,IAAI,CAAC,WAAW,GAAG,EAAQ,IAAI,EAAE,EAAU,SAAS,EAAE,WAAW;gBAClG,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC;gBAC/B,OAAO,EAAE,CAAC,WAAW,CAAC;aAC5B;YACI,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE;gBAC1C,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,IAAI,EAAE;gBAC9D,EAAY,IAAI,EAAE,QAAQ;oBACxB,IAAI,EAAE,MAAM;oBACZ,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;oBAC/B,MAAM,EAAE,EAAc,QAAQ,EAAE,KAAK;qBAC7C;oBACQ,MAAM,EAAE,QAAQ;oBAChB,QAAQ,EAAE,IAAI;oBACd,KAAK,EAAE,GAAG;iBAClB;gBACM,EAAY,IAAI,EAAE,QAAQ;oBACxB,IAAI,EAAE,aAAa;oBACnB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;oBACtC,MAAM,EAAE,EAAc,QAAQ,EAAE,KAAK;qBAC7C;oBACQ,MAAM,EAAE,QAAQ;oBAChB,KAAK,EAAE,GAAG;iBAClB;gBACM,EAAY,IAAI,EAAE,QAAQ;oBACxB,IAAI,EAAE,UAAU;oBAChB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;oBACnC,MAAM,EAAE;wBACN,QAAQ,EAAE,KAAK;wBACf,KAAK,EAAE,QAAQ;wBACf,QAAQ,EAAE,YAAY,EAAE;qBACzB;oBACD,KAAK,EAAE,EAAE;iBACjB;gBACM,EAAY,IAAI,EAAE,QAAQ;oBACxB,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;oBAChC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;oBACjC,MAAM,EAAE,EAAc,QAAQ,EAAE,KAAK;wBACnC,OAAO,EAAE,yBAAyB,EAAE;qBAC9C;oBACQ,MAAM,EAAE,IAAI;oBACZ,KAAK,EAAE,EAAE;iBACjB;gBACM,EAAY,IAAI,EAAE,QAAQ;oBACxB,IAAI,EAAE,OAAO;oBACb,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;oBACjC,MAAM,EAAE,EAAc,QAAQ,EAAE,KAAK;wBACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;4BAAiB,IAAI,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;gCAAiB,OAAO,IAAI,CAAA,UAAU,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,SAAS,CAAA;4BACrN,CAAC;wBACD,CAAC;qBACA;oBACQ,QAAQ,EAAE,KAAK;oBACf,KAAK,EAAE,GAAG;iBAClB;gBACM,EAAY,IAAI,EAAE,iBAAiB;oBACjC,IAAI,EAAE,QAAQ;oBACd,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;oBACjC,MAAM,EAAE,EAAc,QAAQ,EAAE,KAAK;qBAC7C;oBACQ,QAAQ,EAAE,IAAI;oBACd,KAAK,EAAE,GAAG;iBAClB;gBACM,EAAY,IAAI,EAAE,UAAU;oBAC1B,IAAI,EAAE,UAAU;oBAChB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC;oBACpC,MAAM,EAAE,EAAc,QAAQ,EAAE,KAAK;qBAC7C;oBACQ,QAAQ,EAAE,IAAI;oBACd,KAAK,EAAE,GAAG;iBAClB;gBACM,EAAY,IAAI,EAAE,UAAU;oBAC1B,IAAI,EAAE,OAAO;oBACb,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;oBACjC,MAAM,EAAE,EAAc,QAAQ,EAAE,KAAK;qBAC7C;oBACQ,QAAQ,EAAE,IAAI;oBACd,KAAK,EAAE,GAAG;iBAClB;gBACM,EAAY,IAAI,EAAE,UAAU;oBAC1B,IAAI,EAAE,WAAW;oBACjB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC;oBACrC,MAAM,EAAE,EAAc,QAAQ,EAAE,KAAK;qBAC7C;oBACQ,QAAQ,EAAE,IAAI;oBACd,KAAK,EAAE,GAAG;iBAClB;gBACM,EAAY,IAAI,EAAE,UAAU;oBAC1B,IAAI,EAAE,cAAc;oBACpB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;oBACxC,MAAM,EAAE,EAAc,QAAQ,EAAE,KAAK;qBAC7C;oBACQ,QAAQ,EAAE,IAAI;oBACd,KAAK,EAAE,GAAG;iBAClB;gBACM,EAAY,IAAI,EAAE,OAAO;oBACvB,IAAI,EAAE,WAAW;oBACjB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC;oBACpC,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;oBAC3B,MAAM,EAAE,IAAI;iBACpB;aACK;YACD,IAAI,EAAE,EAAU,UAAU,EAAE,EAAY,QAAQ,EAAE,IAAI;iBAC1D;aACA;YACI,OAAO,EAAE;gBACP,EAAY,IAAI,EAAE,UAAU;oBAC1B,IAAI,EAAE,IAAI;iBAClB;aACK;SACL,CAAA;IACD,CAAC;IAEA,KAAK,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAe;QAAQ,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,EAAQ,KAAK,EAAE,GAAG,CAAA;6GAC/B,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,mBAAmB;;;;;;;;;;;;;;;;;;;;OAoB3K;YACD,SAAS,EAAE,EAAU,OAAO;gBAC1B,UAAU,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;gBAC3B,QAAQ;aACd;SACA,CAAC,CAAA;QAEC,OAAO,EAAQ,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;YACtD,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,EAAE;SAChD,CAAA;IACD,CAAC;IAEA,KAAK,CAAC,sBAAsB;QAAS,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;QAC3F,IAAI,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAAO,MAAM,MAAM,GAAG,MAAM,WAAW,CAAC,EAAU,IAAI,EAAE,SAAS;gBACzF,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;gBAChC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;gBACpC,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE;gBAClD,YAAY,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE;aACxD,CAAC,CAAA;YAEG,IAAI,CAAC,MAAM,EAAE,KAAK;gBAAE,OAAM;YAE1B,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,EAAU,KAAK,EAAE,GAAG,CAAA;;;SAGrD;gBACD,SAAS,EAAE,EAAY,GAAG;iBAChC;aACA,CAAC,CAAA;YAEG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;gBAAS,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;gBAChD,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAA;YAC/E,CAAC;QACD,CAAC;aAAM,CAAC;YAAO,WAAW,CAAC,EAAU,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC;gBACvE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,kCAAkC,CAAC;aACzD,CAAC,CAAA;QACF,CAAC;IACD,CAAC;IAEA,SAAS,CAAC,OAAO;QAAQ,QAAQ,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CAAA;IACpG,CAAC;;AAtO4B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;6DAAiB;AAChB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;sDAAoE;AAE9E;IAAhB,KAAK,EAAE;;4DAAqC;AAE1B;IAAlB,KAAK,CAAC,UAAU,CAAC;8BAAS,SAAS;uDAAA;AA7BzB,wBAAwB;IADpC,aAAa,CAAC,6BAA6B,CAAC;GAChC,wBAAwB,CA+PpC","sourcesContent":["import '@operato/data-grist'\nimport '@operato/input/ox-input-select-buttons.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { asyncReplace } from 'lit/directives/async-replace.js'\nimport { FetchOption, DataGrist } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { CustomAlert, PageView } from '@operato/shell'\nimport { CommonHeaderStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { isMobileDevice, sleep } from '@operato/utils'\nimport { p13n } from '@operato/p13n'\n\nimport { dueTimer } from '../../due.js'\n\nimport { ActivityInstanceStatus } from '../../types/activity-instance.js'\n\nimport { priorityCell } from '../../activity-cells.js'\n\nconst MIN = 60\nconst HOUR = 60 * MIN\nconst DAY = 24 * HOUR\n\nfunction getActivityInstanceStatus() {   return [\n    { display: '', value: '' },\n    {       display: i18next.t('label.activity-state-draft'),\n      value: ActivityInstanceStatus.Draft\n },\n    {       display: i18next.t('label.activity-state-issued'),\n      value: ActivityInstanceStatus.Issued\n },\n    {       display: i18next.t('label.activity-state-unassigned'),\n      value: ActivityInstanceStatus.Unassigned\n },\n    {       display: i18next.t('label.activity-state-assigned'),\n      value: ActivityInstanceStatus.Assigned\n },\n    {       display: i18next.t('label.activity-state-started'),\n      value: ActivityInstanceStatus.Started\n },\n    {       display: i18next.t('label.activity-state-pending'),\n      value: ActivityInstanceStatus.Pending\n },\n    {       display: i18next.t('label.activity-state-ended'),\n      value: ActivityInstanceStatus.Ended\n },\n    {       display: i18next.t('label.activity-state-aborted'),\n      value: ActivityInstanceStatus.Aborted\n }\n  ]\n}\n\nconst isDueable = (state: ActivityInstanceStatus) => {   return (\n    state === ActivityInstanceStatus.Issued ||\n    state === ActivityInstanceStatus.Assigned ||\n    state === ActivityInstanceStatus.Started ||\n    state === ActivityInstanceStatus.Pending\n  )\n}\n\n@customElement('activity-instance-list-page')\nexport class ActivityInstanceListPage extends p13n(localize(i18next)(PageView)) {   static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {         display: flex;\n\n        width: 100%;\n\n        --grid-record-emphasized-background-color: #8b0000;\n        --grid-record-emphasized-color: #ff6b6b;\n\n        --grid-header-padding: 2px 0 2px 9px;\n }\n\n      ox-grist {         overflow-y: auto;\n        flex: 1;\n }\n\n      .header {         grid-template-areas: 'filters actions';\n }\n    `\n  ]\n\n  @property({ type: Object }) gristConfig: any\n  @property({ type: String }) mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'\n\n  @state() private issuedByMe?: boolean = false\n\n  @query('ox-grist') grist!: DataGrist\n\n  get context() {     return {       title: i18next.t('title.activity instance list'),\n      search: {         handler: (search: string) => {           this.grist.searchText = search\n },\n        value: this.grist?.searchText || ''\n },\n      filter: {         handler: () => {           this.grist.toggleHeadroom()\n }\n },\n      help: 'worklist/activity-instance-list-page',\n      actions: [\n        {           title: i18next.t('button.abort'),\n          action: this.abortActivityInstances.bind(this),\n          icon: 'cancel'\n }\n      ],\n      toolbar: false\n }\n }\n\n  render() {     const mode = this.mode\n\n    return html`\n      <ox-grist\n        .mode=${mode}\n        .config=${this.gristConfig}\n        .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')!}\n        .fetchHandler=${this.fetchHandler.bind(this)}\n      >\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\">\n            <ox-checkbox\n              .checked=${this.issuedByMe}\n              @change=${(e: CustomEvent) => {                 this.issuedByMe = (e.currentTarget as any)?.checked\n                this.grist.fetch()\n }}\n            ></ox-checkbox>\n            ${i18next.t('label.issued-by-me')}\n\n            <ox-filters-form autofocus without-search></ox-filters-form>\n          </div>\n\n          <ox-context-page-toolbar class=\"actions\" .context=${this.context}> </ox-context-page-toolbar>\n        </div>\n\n        <ox-grist-personalizer slot=\"setting\"></ox-grist-personalizer>\n      </ox-grist>\n    `\n }\n\n  async pageInitialized(lifecycle) {     this.gristConfig = {       list: {         thumbnail: 'thumbnail',\n        fields: ['name', 'description'],\n        details: ['updatedAt']\n },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {           type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          record: {             editable: false\n },\n          filter: 'search',\n          sortable: true,\n          width: 200\n },\n        {           type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: {             editable: false\n },\n          filter: 'search',\n          width: 240\n },\n        {           type: 'number',\n          name: 'priority',\n          header: i18next.t('field.priority'),\n          record: {\n            editable: false,\n            align: 'center',\n            renderer: priorityCell()\n          },\n          width: 60\n },\n        {           type: 'select',\n          name: 'state',\n          label: i18next.t('field.status'),\n          header: i18next.t('field.status'),\n          record: {             editable: false,\n            options: getActivityInstanceStatus()\n },\n          filter: true,\n          width: 80\n },\n        {           type: 'string',\n          name: 'dueIn',\n          header: i18next.t('field.due-in'),\n          record: {             editable: false,\n            renderer: (value, column, record, rowIndex, field) => {               if (isDueable(record.state)) {                 return html` <span>${asyncReplace(dueTimer(record.dueAt, () => this.active))}</span>`\n }\n }\n },\n          sortable: false,\n          width: 180\n },\n        {           type: 'resource-object',\n          name: 'issuer',\n          header: i18next.t('field.issuer'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 120\n },\n        {           type: 'datetime',\n          name: 'issuedAt',\n          header: i18next.t('field.issued-at'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 180\n },\n        {           type: 'datetime',\n          name: 'dueAt',\n          header: i18next.t('field.due-at'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 180\n },\n        {           type: 'datetime',\n          name: 'startedAt',\n          header: i18next.t('field.started-at'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 180\n },\n        {           type: 'datetime',\n          name: 'terminatedAt',\n          header: i18next.t('field.terminated-at'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 180\n },\n        {           type: 'image',\n          name: 'thumbnail',\n          header: i18next.t('field.thumbnail'),\n          record: { editable: false },\n          hidden: true\n }\n      ],\n      rows: {         selectable: {           multiple: true\n }\n },\n      sorters: [\n        {           name: 'issuedAt',\n          desc: true\n }\n      ]\n }\n }\n\n  async fetchHandler({ page, limit, sortings = [], filters = [] }: FetchOption) {     const response = await client.query({       query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {           responses: ${this.issuedByMe ? 'activityInstancesIssuedByMe' : 'activityInstances'}(filters: $filters, pagination: $pagination, sortings: $sortings) {             items {               id\n              name\n              description\n              priority\n              state\n              thumbnail\n              issuer {                 id\n                name\n }\n              updater {                 id\n                name\n }\n              issuedAt\n              dueAt\n              startedAt\n              terminatedAt\n }\n            total\n }\n }\n      `,\n      variables: {         filters,\n        pagination: { page, limit },\n        sortings\n }\n })\n\n    return {       total: response.data.responses.total || 0,\n      records: response.data.responses.items || []\n }\n }\n\n  async abortActivityInstances() {     const ids = this.grist.selected.map(record => record.id)\n    if (ids && ids.length > 0) {       const answer = await CustomAlert({         type: 'warning',\n        title: i18next.t('button.abort'),\n        text: i18next.t('text.are_you_sure'),\n        confirmButton: { text: i18next.t('button.abort') },\n        cancelButton: { text: i18next.t('button.cancel') }\n })\n\n      if (!answer?.value) return\n\n      const response = await client.query({         query: gql`\n          mutation ($ids: [String!]!) {             abortActivityInstances(ids: $ids)\n }\n        `,\n        variables: {           ids\n }\n })\n\n      if (!response.errors) {         this.grist.fetch()\n        this.showToast(i18next.t('text.activity_instance_aborted_successfully'))\n }\n } else {       CustomAlert({         title: i18next.t('text.nothing_selected'),\n        text: i18next.t('text.there_is_nothing_to_process')\n })\n }\n }\n\n  showToast(message) {     document.dispatchEvent(new CustomEvent('notify', { detail: { message } }))\n }\n}\n"]}

package/dist-client/pages/activity-instance/activity-instance-start-page.d.ts

@@ -16,6 +16,7 @@ export declare class ActivityInstanceStartPage extends ActivityInstanceStartPage
     get context(): {
         title: any;
         help: string;
+        menu: string;
         actions: (false | {
             icon: string;
             emphasis: {

package/dist-client/pages/activity-instance/activity-instance-start-page.js

@@ -42,6 +42,13 @@ let ActivityInstanceStartPage = class ActivityInstanceStartPage extends localize
         const issuable = state === 'draft';
         return { title: this.lifecycle?.params?.['title'] || i18next.t('title.activity'),
             help: 'worklist/activity-instance-start-page',
+            /*
+             * 이 화면은 메뉴에 없다 — 「작성 중」에서 줄을 눌러 들어온다. 그래서 왼쪽 메뉴가 가리킬
+             * 항목이 없고, 표시가 사라져 들어온 사람이 자기가 어디에 있는지 잃는다.
+             *
+             * 어느 목록에서 열리는지는 이 화면이 안다. 그것을 적어 둔다.
+             */
+            menu: 'draft-list',
             actions: [
                 issuable && { title: i18next.t('button.draft'),
                     action: this.draftActivityInstance.bind(this),

package/dist-client/pages/activity-instance/activity-instance-start-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"activity-instance-start-page.js","sourceRoot":"","sources":["../../../client/pages/activity-instance/activity-instance-start-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/property-editor/ox-properties-dynamic-view.js'\nimport '@operato/board/ox-board-viewer.js'\nimport '@things-factory/organization'\nimport '../../components/activity-instance-ribon.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, TemplateResult } from 'lit'\nimport { DirectiveResult } from 'lit-html/directive.js'\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { keyed } from 'lit/directives/keyed.js'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { CommonButtonStyles, ScrollbarStyles } from '@operato/styles'\nimport { provider } from '@things-factory/board-ui/dist-client/board-provider.js'\nimport { notify } from '@operato/layout'\n\n@customElement('activity-instance-start-page')\nexport class ActivityInstanceStartPage extends localize(i18next)(PageView) {   static styles = [\n    ScrollbarStyles,\n    css`\n      :host {         display: flex;\n        flex-direction: column;\n        overflow: auto;\n }\n\n      ox-board-viewer {         width: 100%;\n        height: 100%;\n }\n\n      #custom-content {         flex: 1;\n }\n    `\n  ]\n\n  @state() activity: any = {}\n  @state() activityInstance: any = {}\n  @state() board: any\n  @state() customHtmlElement: any\n\n  @query('ox-board-viewer') viewer: any\n\n  get context() {     const { startingType } = this.activity\n    const { state } = this.activityInstance\n\n    const issuable = state === 'draft'\n\n    return {       title: this.lifecycle?.params?.['title'] || i18next.t('title.activity'),\n      help: 'worklist/activity-instance-start-page',\n      actions: [\n        issuable && {           title: i18next.t('button.draft'),\n          action: this.draftActivityInstance.bind(this),\n          ...CommonButtonStyles.save\n },\n        issuable && {           title: i18next.t(startingType == 'issue' ? 'button.issue' : 'button.post'),\n          action: this.issueActivityInstance.bind(this),\n          ...CommonButtonStyles.submit\n }\n      ].filter(Boolean /* truthy only */)\n      // activityInstance: this.activityInstance\n }\n }\n\n  render() {     return html`\n      <activity-instance-ribon .activityInstance=${this.activityInstance}></activity-instance-ribon>\n\n      ${this.activityContent()}\n    `\n }\n\n  activityContent(): DirectiveResult {     switch (this.activityInstance?.uiType) {       case 'template':\n        return this.templateContent()\n      case 'generated':\n        return this.generatedContent()\n      case 'board':\n        return this.boardContent()\n      case 'custom-element':\n        return this.customElementContent()\n      case 'page':\n      case 'external':\n      default:\n        return html``\n }\n }\n\n  templateContent() {     if (!this.activityInstance) {       return html``\n }\n\n    const { uiSource: template } = this.activityInstance\n    return unsafeHTML(template)\n }\n\n  getInputSpec() {     const model = this.activity?.model\n\n    return (model || [])\n      .filter(item => item.inout === 'in' || item.inout === 'inout')\n      .map(item => {         return {           ...item,\n          name: item.tag,\n          label: item.tKey || item.name,\n          property: item.options\n }\n })\n }\n\n  getOutputSpec() {     const model = this.activity?.model\n\n    return (model || [])\n      .filter(item => item.inout === 'inout' || item.inout === 'out')\n      .map(item => {         return {           ...item,\n          name: item.tag,\n          label: item.tKey || item.name,\n          property: item.options\n }\n })\n }\n\n  generatedContent(): DirectiveResult {     if (!this.activityInstance) {       return html``\n }\n\n    var { input, output } = this.activityInstance || {}\n\n    const inputSpec = this.getInputSpec()\n    const outputSpec = this.getOutputSpec()\n\n    if (!output) {       output = inputSpec\n        .filter(item => item.inout === 'inout')\n        .reduce((inout, item) => {           inout[item.name] = input?.[item.name]\n          return inout\n }, {})\n }\n\n    return keyed(\n      this.activityInstance.id,\n      html`\n        <fieldset>\n          <legend>Input</legend>\n          <ox-properties-dynamic-view\n            data-name=\"input\"\n            .props=${inputSpec}\n            .value=${input}\n            @property-change=${e => (this.activityInstance.input = e.currentTarget.value)}\n          ></ox-properties-dynamic-view>\n        </fieldset>\n\n        <fieldset>\n          <legend>Output</legend>\n          <ox-properties-dynamic-view\n            data-name=\"output\"\n            .props=${outputSpec}\n            .value=${output}\n            @property-change=${e => (this.activityInstance.output = e.currentTarget.value)}\n          ></ox-properties-dynamic-view>\n        </fieldset>\n      `\n    )\n }\n\n  boardContent(): DirectiveResult {     if (!this.activityInstance) {       return html``\n }\n\n    const { uiSource: boardId, input, output } = this.activityInstance\n\n    if (!this.board || this.board.id !== boardId) {       this.board = {         id: boardId\n }\n }\n\n    /* \n      ox-board-viewer에서 provider에 의해 공급되는 board가 각 id별로 instance를 하나씩 밖에 가지지 않으므로,\n      동일한 id의 보드를 다른 page에 뺏기는 경우가 있다.\n      따라서, Page가 active될 때마다 타임스탬프를 refresh key로 설정하였다.\n      */\n    return keyed(\n      this.activityInstance.id,\n      html`\n        <ox-board-viewer\n          style=\"background-color: white;\"\n          .board=${this.board}\n          .provider=${provider}\n          .values=${{ ...input, ...output }}\n          hide-fullscreen\n          hide-navigation\n        ></ox-board-viewer>\n      `\n    )\n }\n\n  customElementContent() {     if (!this.activityInstance) {       return html``\n }\n\n    const { uiSource: tagName, input, output } = this.activityInstance\n\n    if (!this.customHtmlElement) {       const element = document.createElement(tagName)\n      element.id = 'custom-content'\n      element.activityId = this.activityInstance.activity.id\n      element.input = input\n      element.output = output\n\n      element.addEventListener('change-input', (e: CustomEvent) => {         this.activityInstance.input = e.detail\n })\n      element.addEventListener('change-output', (e: CustomEvent) => {         this.activityInstance.output = e.detail\n })\n\n      /* DEPRECATED 일반적으로 output만 수정될 가능성이 높기때문에, change 이벤트는 output을 수정하는 것으로 한다. */\n      element.addEventListener('change', (e: CustomEvent) => {         this.activityInstance.output = e.detail\n })\n\n      this.customHtmlElement = element\n }\n\n    return this.customHtmlElement\n }\n\n  getInOutFromBoard() {     const inputSpec = this.getInputSpec()\n    const outputSpec = this.getOutputSpec()\n    const data = this.viewer?.getSceneValues() || {}\n\n    const input = inputSpec.reduce((input, spec) => {       input[spec.name] = data[spec.name]\n      return input\n }, {})\n\n    const output = outputSpec.reduce((output, spec) => {       output[spec.name] = data[spec.name]\n      return output\n }, {})\n\n    return [input, output]\n }\n\n  updated(changes) {     if (changes.has('activityInstance')) {       this.updateContext()\n }\n }\n\n  async pageUpdated(changes, lifecycle, changedBefore) {     if (this.active && lifecycle.resourceId) {       this.fetchActivityInstance(lifecycle.resourceId)\n } else {       this.customHtmlElement = undefined\n }\n }\n\n  async fetchActivityInstance(id) {     const response = await client.query({       query: gql`\n        query activityInstance($id: String!) {           activityInstance(id: $id) {             id\n            name\n            description\n            state\n            activity {               id\n              startingType\n              model {                 name\n                description\n                active\n                tag\n                inout\n                type\n                unit\n                options\n                quantifier\n                spec\n }\n }\n            thumbnail\n            input\n            output\n            uiType\n            uiSource\n            approvalLine {               type\n              value\n              approver {                 id\n                name\n                description\n                controlNo\n }\n }\n            dueAt\n            createdAt\n }\n }\n      `,\n      variables: {         id\n }\n })\n\n    this.customHtmlElement = undefined\n    this.activityInstance = response.data.activityInstance\n    this.activity = this.activityInstance.activity\n }\n\n  async draftActivityInstance() {     var { id: activityId } = this.activity\n    var {       id,\n      name,\n      description,\n      priority,\n      threadsMin,\n      threadsMax,\n      dueAt,\n      input,\n      output,\n      reason,\n      uiType,\n      assignees,\n      approvalLine\n } = this.activityInstance\n\n    if (uiType === 'board') {       ;[input, output] = this.getInOutFromBoard()\n }\n\n    name ||= this.activity.name\n    description ||= this.activity.description\n    assignees ||= this.activity.assignees\n    approvalLine ||= this.activity.approvalLine\n\n    var activityInstance = {       id,\n      activityId,\n      name,\n      description,\n      priority,\n      threadsMax,\n      threadsMin,\n      dueAt,\n      input,\n      output,\n      reason,\n      assignees,\n      approvalLine\n }\n\n    const response = await client.mutate({       mutation: gql`\n        mutation ($activityInstance: ActivityInstanceDraft!) {           draftActivityInstance(activityInstance: $activityInstance) {             id\n            name\n            description\n            input\n            output\n            state\n            activity {               id\n              startingType\n              model {                 name\n                description\n                active\n                tag\n                inout\n                type\n                unit\n                options\n                quantifier\n                spec\n }\n }\n            assignees {               type\n              value\n              assignee {                 id\n                name\n                description\n                controlNo\n }\n }\n            approvalLine {               type\n              value\n              approver {                 id\n                name\n                description\n                controlNo\n }\n }\n            uiType\n            uiSource\n            threadsMin\n            threadsMax\n }\n }\n      `,\n      variables: {         activityInstance\n }\n })\n\n    if (!response.errors) {       this.customHtmlElement = undefined\n      this.activityInstance = response.data.draftActivityInstance\n      this.activity = this.activityInstance.activity\n\n      notify({         message: i18next.t('text.info_x_successfully', {           x: `${i18next.t('label.activity-instance')} ${i18next.t('text.draft')}`\n })\n })\n }\n }\n\n  async issueActivityInstance() {     var {       id,\n      name,\n      description,\n      input,\n      output,\n      reason,\n      uiType,\n      threadsMin = 0,\n      threadsMax = 0,\n      assignees,\n      approvalLine\n } = this.activityInstance\n\n    if (uiType === 'board') {       ;[input, output] = this.getInOutFromBoard()\n }\n\n    const activityInstance = {       id,\n      name: name || this.activity.name,\n      description: description || this.activity.description,\n      threadsMin,\n      threadsMax,\n      input,\n      output,\n      reason,\n      assignees,\n      approvalLine\n }\n\n    const response = await client.mutate({       mutation: gql`\n        mutation ($activityInstance: ActivityInstanceIssue!) {           issueActivityInstance(activityInstance: $activityInstance) {             id\n            name\n            description\n            input\n            output\n            state\n            activity {               id\n              startingType\n              model {                 name\n                description\n                active\n                tag\n                inout\n                type\n                unit\n                options\n                quantifier\n                spec\n }\n }\n            assignees {               type\n              value\n              assignee {                 id\n                name\n                description\n                controlNo\n }\n }\n            approvalLine {               type\n              value\n              approver {                 id\n                name\n                description\n                controlNo\n }\n }\n            uiType\n            uiSource\n            threadsMin\n            threadsMax\n }\n }\n      `,\n      variables: {         activityInstance\n }\n })\n\n    if (!response.errors) {       this.customHtmlElement = undefined\n      this.activityInstance = response.data.issueActivityInstance\n      this.activity = this.activityInstance.activity\n\n      notify({         message: i18next.t('text.info_x_successfully', {           x: `${i18next.t('label.activity-instance')} ${i18next.t('text.assign')}`\n })\n })\n }\n }\n}\n"]}
+{"version":3,"file":"activity-instance-start-page.js","sourceRoot":"","sources":["../../../client/pages/activity-instance/activity-instance-start-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/property-editor/ox-properties-dynamic-view.js'\nimport '@operato/board/ox-board-viewer.js'\nimport '@things-factory/organization'\nimport '../../components/activity-instance-ribon.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, TemplateResult } from 'lit'\nimport { DirectiveResult } from 'lit-html/directive.js'\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { keyed } from 'lit/directives/keyed.js'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView } from '@operato/shell'\nimport { CommonButtonStyles, ScrollbarStyles } from '@operato/styles'\nimport { provider } from '@things-factory/board-ui/dist-client/board-provider.js'\nimport { notify } from '@operato/layout'\n\n@customElement('activity-instance-start-page')\nexport class ActivityInstanceStartPage extends localize(i18next)(PageView) {   static styles = [\n    ScrollbarStyles,\n    css`\n      :host {         display: flex;\n        flex-direction: column;\n        overflow: auto;\n }\n\n      ox-board-viewer {         width: 100%;\n        height: 100%;\n }\n\n      #custom-content {         flex: 1;\n }\n    `\n  ]\n\n  @state() activity: any = {}\n  @state() activityInstance: any = {}\n  @state() board: any\n  @state() customHtmlElement: any\n\n  @query('ox-board-viewer') viewer: any\n\n  get context() {     const { startingType } = this.activity\n    const { state } = this.activityInstance\n\n    const issuable = state === 'draft'\n\n    return {       title: this.lifecycle?.params?.['title'] || i18next.t('title.activity'),\n      help: 'worklist/activity-instance-start-page',\n      /*\n       * 이 화면은 메뉴에 없다 — 「작성 중」에서 줄을 눌러 들어온다. 그래서 왼쪽 메뉴가 가리킬\n       * 항목이 없고, 표시가 사라져 들어온 사람이 자기가 어디에 있는지 잃는다.\n       *\n       * 어느 목록에서 열리는지는 이 화면이 안다. 그것을 적어 둔다.\n       */\n      menu: 'draft-list',\n      actions: [\n        issuable && {           title: i18next.t('button.draft'),\n          action: this.draftActivityInstance.bind(this),\n          ...CommonButtonStyles.save\n },\n        issuable && {           title: i18next.t(startingType == 'issue' ? 'button.issue' : 'button.post'),\n          action: this.issueActivityInstance.bind(this),\n          ...CommonButtonStyles.submit\n }\n      ].filter(Boolean /* truthy only */)\n      // activityInstance: this.activityInstance\n }\n }\n\n  render() {     return html`\n      <activity-instance-ribon .activityInstance=${this.activityInstance}></activity-instance-ribon>\n\n      ${this.activityContent()}\n    `\n }\n\n  activityContent(): DirectiveResult {     switch (this.activityInstance?.uiType) {       case 'template':\n        return this.templateContent()\n      case 'generated':\n        return this.generatedContent()\n      case 'board':\n        return this.boardContent()\n      case 'custom-element':\n        return this.customElementContent()\n      case 'page':\n      case 'external':\n      default:\n        return html``\n }\n }\n\n  templateContent() {     if (!this.activityInstance) {       return html``\n }\n\n    const { uiSource: template } = this.activityInstance\n    return unsafeHTML(template)\n }\n\n  getInputSpec() {     const model = this.activity?.model\n\n    return (model || [])\n      .filter(item => item.inout === 'in' || item.inout === 'inout')\n      .map(item => {         return {           ...item,\n          name: item.tag,\n          label: item.tKey || item.name,\n          property: item.options\n }\n })\n }\n\n  getOutputSpec() {     const model = this.activity?.model\n\n    return (model || [])\n      .filter(item => item.inout === 'inout' || item.inout === 'out')\n      .map(item => {         return {           ...item,\n          name: item.tag,\n          label: item.tKey || item.name,\n          property: item.options\n }\n })\n }\n\n  generatedContent(): DirectiveResult {     if (!this.activityInstance) {       return html``\n }\n\n    var { input, output } = this.activityInstance || {}\n\n    const inputSpec = this.getInputSpec()\n    const outputSpec = this.getOutputSpec()\n\n    if (!output) {       output = inputSpec\n        .filter(item => item.inout === 'inout')\n        .reduce((inout, item) => {           inout[item.name] = input?.[item.name]\n          return inout\n }, {})\n }\n\n    return keyed(\n      this.activityInstance.id,\n      html`\n        <fieldset>\n          <legend>Input</legend>\n          <ox-properties-dynamic-view\n            data-name=\"input\"\n            .props=${inputSpec}\n            .value=${input}\n            @property-change=${e => (this.activityInstance.input = e.currentTarget.value)}\n          ></ox-properties-dynamic-view>\n        </fieldset>\n\n        <fieldset>\n          <legend>Output</legend>\n          <ox-properties-dynamic-view\n            data-name=\"output\"\n            .props=${outputSpec}\n            .value=${output}\n            @property-change=${e => (this.activityInstance.output = e.currentTarget.value)}\n          ></ox-properties-dynamic-view>\n        </fieldset>\n      `\n    )\n }\n\n  boardContent(): DirectiveResult {     if (!this.activityInstance) {       return html``\n }\n\n    const { uiSource: boardId, input, output } = this.activityInstance\n\n    if (!this.board || this.board.id !== boardId) {       this.board = {         id: boardId\n }\n }\n\n    /* \n      ox-board-viewer에서 provider에 의해 공급되는 board가 각 id별로 instance를 하나씩 밖에 가지지 않으므로,\n      동일한 id의 보드를 다른 page에 뺏기는 경우가 있다.\n      따라서, Page가 active될 때마다 타임스탬프를 refresh key로 설정하였다.\n      */\n    return keyed(\n      this.activityInstance.id,\n      html`\n        <ox-board-viewer\n          style=\"background-color: white;\"\n          .board=${this.board}\n          .provider=${provider}\n          .values=${{ ...input, ...output }}\n          hide-fullscreen\n          hide-navigation\n        ></ox-board-viewer>\n      `\n    )\n }\n\n  customElementContent() {     if (!this.activityInstance) {       return html``\n }\n\n    const { uiSource: tagName, input, output } = this.activityInstance\n\n    if (!this.customHtmlElement) {       const element = document.createElement(tagName)\n      element.id = 'custom-content'\n      element.activityId = this.activityInstance.activity.id\n      element.input = input\n      element.output = output\n\n      element.addEventListener('change-input', (e: CustomEvent) => {         this.activityInstance.input = e.detail\n })\n      element.addEventListener('change-output', (e: CustomEvent) => {         this.activityInstance.output = e.detail\n })\n\n      /* DEPRECATED 일반적으로 output만 수정될 가능성이 높기때문에, change 이벤트는 output을 수정하는 것으로 한다. */\n      element.addEventListener('change', (e: CustomEvent) => {         this.activityInstance.output = e.detail\n })\n\n      this.customHtmlElement = element\n }\n\n    return this.customHtmlElement\n }\n\n  getInOutFromBoard() {     const inputSpec = this.getInputSpec()\n    const outputSpec = this.getOutputSpec()\n    const data = this.viewer?.getSceneValues() || {}\n\n    const input = inputSpec.reduce((input, spec) => {       input[spec.name] = data[spec.name]\n      return input\n }, {})\n\n    const output = outputSpec.reduce((output, spec) => {       output[spec.name] = data[spec.name]\n      return output\n }, {})\n\n    return [input, output]\n }\n\n  updated(changes) {     if (changes.has('activityInstance')) {       this.updateContext()\n }\n }\n\n  async pageUpdated(changes, lifecycle, changedBefore) {     if (this.active && lifecycle.resourceId) {       this.fetchActivityInstance(lifecycle.resourceId)\n } else {       this.customHtmlElement = undefined\n }\n }\n\n  async fetchActivityInstance(id) {     const response = await client.query({       query: gql`\n        query activityInstance($id: String!) {           activityInstance(id: $id) {             id\n            name\n            description\n            state\n            activity {               id\n              startingType\n              model {                 name\n                description\n                active\n                tag\n                inout\n                type\n                unit\n                options\n                quantifier\n                spec\n }\n }\n            thumbnail\n            input\n            output\n            uiType\n            uiSource\n            approvalLine {               type\n              value\n              approver {                 id\n                name\n                description\n                controlNo\n }\n }\n            dueAt\n            createdAt\n }\n }\n      `,\n      variables: {         id\n }\n })\n\n    this.customHtmlElement = undefined\n    this.activityInstance = response.data.activityInstance\n    this.activity = this.activityInstance.activity\n }\n\n  async draftActivityInstance() {     var { id: activityId } = this.activity\n    var {       id,\n      name,\n      description,\n      priority,\n      threadsMin,\n      threadsMax,\n      dueAt,\n      input,\n      output,\n      reason,\n      uiType,\n      assignees,\n      approvalLine\n } = this.activityInstance\n\n    if (uiType === 'board') {       ;[input, output] = this.getInOutFromBoard()\n }\n\n    name ||= this.activity.name\n    description ||= this.activity.description\n    assignees ||= this.activity.assignees\n    approvalLine ||= this.activity.approvalLine\n\n    var activityInstance = {       id,\n      activityId,\n      name,\n      description,\n      priority,\n      threadsMax,\n      threadsMin,\n      dueAt,\n      input,\n      output,\n      reason,\n      assignees,\n      approvalLine\n }\n\n    const response = await client.mutate({       mutation: gql`\n        mutation ($activityInstance: ActivityInstanceDraft!) {           draftActivityInstance(activityInstance: $activityInstance) {             id\n            name\n            description\n            input\n            output\n            state\n            activity {               id\n              startingType\n              model {                 name\n                description\n                active\n                tag\n                inout\n                type\n                unit\n                options\n                quantifier\n                spec\n }\n }\n            assignees {               type\n              value\n              assignee {                 id\n                name\n                description\n                controlNo\n }\n }\n            approvalLine {               type\n              value\n              approver {                 id\n                name\n                description\n                controlNo\n }\n }\n            uiType\n            uiSource\n            threadsMin\n            threadsMax\n }\n }\n      `,\n      variables: {         activityInstance\n }\n })\n\n    if (!response.errors) {       this.customHtmlElement = undefined\n      this.activityInstance = response.data.draftActivityInstance\n      this.activity = this.activityInstance.activity\n\n      notify({         message: i18next.t('text.info_x_successfully', {           x: `${i18next.t('label.activity-instance')} ${i18next.t('text.draft')}`\n })\n })\n }\n }\n\n  async issueActivityInstance() {     var {       id,\n      name,\n      description,\n      input,\n      output,\n      reason,\n      uiType,\n      threadsMin = 0,\n      threadsMax = 0,\n      assignees,\n      approvalLine\n } = this.activityInstance\n\n    if (uiType === 'board') {       ;[input, output] = this.getInOutFromBoard()\n }\n\n    const activityInstance = {       id,\n      name: name || this.activity.name,\n      description: description || this.activity.description,\n      threadsMin,\n      threadsMax,\n      input,\n      output,\n      reason,\n      assignees,\n      approvalLine\n }\n\n    const response = await client.mutate({       mutation: gql`\n        mutation ($activityInstance: ActivityInstanceIssue!) {           issueActivityInstance(activityInstance: $activityInstance) {             id\n            name\n            description\n            input\n            output\n            state\n            activity {               id\n              startingType\n              model {                 name\n                description\n                active\n                tag\n                inout\n                type\n                unit\n                options\n                quantifier\n                spec\n }\n }\n            assignees {               type\n              value\n              assignee {                 id\n                name\n                description\n                controlNo\n }\n }\n            approvalLine {               type\n              value\n              approver {                 id\n                name\n                description\n                controlNo\n }\n }\n            uiType\n            uiSource\n            threadsMin\n            threadsMax\n }\n }\n      `,\n      variables: {         activityInstance\n }\n })\n\n    if (!response.errors) {       this.customHtmlElement = undefined\n      this.activityInstance = response.data.issueActivityInstance\n      this.activity = this.activityInstance.activity\n\n      notify({         message: i18next.t('text.info_x_successfully', {           x: `${i18next.t('label.activity-instance')} ${i18next.t('text.assign')}`\n })\n })\n }\n }\n}\n"]}

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

@@ -275,7 +275,7 @@ let ActivityInstanceView = class ActivityInstanceView extends localize(i18next)(
       </div>
 
       <div thread>
-        <span subtitle>${i18next.t('label.information')}</span>
+        <span subtitle>${i18next.t('label.thread-basics')}</span>
         <div>
           <label>${i18next.t('label.status')}</label>
           <span status></span>

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

@@ -1 +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 '@things-factory/organization/dist-client/component/approval-line-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\nimport { ActivityInstance } from '../../types/activity-instance.js'\nimport { ActivityThread } from '../../types/activity-thread.js'\nimport { ActivityApproval } from '../../types/activity-approval.js'\n\nfunction getSafeFormatter(locale: string, options: Intl.DateTimeFormatOptions): Intl.DateTimeFormat {\n  try {\n    const safeLocale = locale || 'en-US'\n    return new Intl.DateTimeFormat(safeLocale, options)\n  } catch (e) {\n    console.warn(`Invalid locale or options provided: ${locale}, falling back to default en-US.`, e)\n    return new Intl.DateTimeFormat('en-US', options)\n  }\n}\n\nconst formatter = getSafeFormatter(navigator.language, { dateStyle: 'full', timeStyle: 'short' })\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        overflow: auto;\n        font-size: var(--fontsize-default);\n      }\n      :host([state='assigned']) {\n        --worklist-status-color: #5f7184;\n      }\n\n      :host([state='started']) {\n        --worklist-status-color: #56af45;\n      }\n\n      :host([state='delegated']) {\n        --worklist-status-color: #8654b0;\n      }\n\n      :host([state='submitted']) {\n        --worklist-status-color: #428df3;\n      }\n\n      :host([state='escalated']) {\n        --worklist-status-color: #595de5;\n      }\n\n      :host([state='rejected']) {\n        --worklist-status-color: #f27429;\n      }\n\n      :host([state='ended']) {\n        --worklist-status-color: #02acae;\n      }\n\n      :host([state='aborted']) {\n        --worklist-status-color: #cb3a33;\n      }\n      [instance-container] {\n        flex: 1;\n        background-color: var(--md-sys-color-background);\n        border-right: var(--border-dim-color);\n        padding: var(--spacing-large);\n        color: var(--md-sys-color-secondary);\n      }\n      [thread-container] {\n        flex: 2;\n        padding: var(--spacing-large);\n      }\n      [instance-container] div {\n        margin-bottom: var(--spacing-medium);\n        padding-bottom: var(--spacing-medium);\n        border-bottom: var(--border-dim-color);\n      }\n      [header] md-icon {\n        background-color: var(--worklist-status-color, tomato);\n        float: left;\n        margin-right: var(--spacing-medium);\n        padding: var(--spacing-medium);\n        border-radius: 50%;\n        float: left;\n        font-size: 1.8em;\n        color: var(--md-sys-color-on-primary);\n      }\n      [header] strong {\n        display: block;\n        font: bold 22px / 1.1 var(--theme-font);\n      }\n      [header] {\n        overflow: hidden;\n        font-size: var(--fontsize-small);\n      }\n      [instance-container] div label {\n        display: inline-block;\n        margin-right: var(--spacing-medium);\n        min-width: 50px;\n      }\n      [issuer] md-icon {\n        opacity: 0.5;\n        position: relative;\n        top: 4px;\n        font-size: 20px;\n      }\n      span[status] {\n        width: 15px;\n        height: 15px;\n        position: relative;\n        top: 2px;\n        background-color: var(--worklist-status-color, tomato);\n        display: inline-block;\n        margin-right: var(--spacing-small);\n        border-radius: 50%;\n      }\n      [thread-container] table {\n        width: 100%;\n        border-collapse: collapse;\n      }\n      [thread-container] th {\n        color: var(--md-sys-color-on-primary-container);\n        background-color: var(--md-sys-color-primary-container);\n        border-top: var(--grid-header-top-border);\n        border-bottom: var(--grid-header-bottom-border);\n        padding: var(--grid-header-padding);\n        text-overflow: ellipsis;\n        font: var(--grid-header-font);\n      }\n      [thread-container] td {\n        padding: var(--spacing-small);\n        border-bottom: var(--grid-record-border-bottom);\n      }\n      [assignee] * {\n        vertical-align: middle;\n      }\n      [assignee] md-icon {\n        opacity: 0.5;\n      }\n      [subtitle] {\n        display: block;\n        margin: var(--spacing-large) 0 var(--spacing-small) 0;\n        padding: var(--spacing-small) var(--spacing-medium);\n        color: var(--md-sys-color-on-surface);\n        background-color: var(--md-sys-color-surface-variant);\n        font: bold 16px var(--theme-font);\n        border: 2px solid var(--md-sys-color-outline);\n        border-radius: 999px;\n      }\n      [timeline] ol {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n      }\n      [timeline] li {\n        display: flex;\n      }\n      [timeline] [info] {\n        color: var(--md-sys-color-on-surface);\n        background: var(--md-sys-color-surface-variant);\n\n        flex: 1;\n      }\n      [timeline] [date] {\n        opacity: 0.7;\n        width: 130px;\n        font-size: var(--fontsize-small);\n      }\n      [timeline] [info] strong {\n        float: right;\n      }\n      [timeline] [status] {\n        margin: 0 var(--spacing-small);\n        display: block;\n        border-radius: 50%;\n        width: 12px;\n        height: 12px;\n        position: relative;\n        top: 3px;\n        border: 2px solid #fff;\n        background-color: var(--worklist-status-color, tomato);\n      }\n      [timeline] [status]::before {\n        content: '';\n        height: 60px;\n        width: 2px;\n        display: block;\n        position: relative;\n        margin-left: 5px;\n        background-color: var(--worklist-status-color, tomato);\n        opacity: 0.2;\n      }\n      [timeline] [info] md-icon {\n        position: relative;\n        top: 3px;\n        font-size: var(--fontsize-large);\n      }\n      [timeline] [info] p {\n        background-color: #f4f4f4;\n        margin: var(--spacing-small) 0 var(--spacing-medium) 0;\n        padding: var(--spacing-small) var(--spacing-medium);\n        border-radius: var(--border-radius);\n        font-size: var(--fontsize-small);\n        text-align: justify;\n      }\n      [timeline] [info] p::before {\n        content: '';\n        float: right;\n        margin-top: -10px;\n        margin-right: 20px;\n        border: 7px solid transparent;\n        border-bottom-color: #f4f4f4;\n        border-top: 0;\n      }\n      [thread] div {\n        border-bottom: var(--border-dim-color);\n        padding: var(--spacing-small);\n        text-align: right;\n        overflow: hidden;\n      }\n      [thread] div label {\n        float: left;\n        width: 25%;\n        text-align: left;\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\n    const { id, name, description, state, issuer, assignedAt, startedAt, activityThreads, terminatedAt, updatedAt } =\n      this.activityInstance\n\n    return html`\n      <div instance-container>\n        <div header>\n          <md-icon>description</md-icon>\n          <strong>${name}</strong>\n          ${description}\n        </div>\n\n        <div>\n          <label>${i18next.t('label.status')}</label>\n          <span status></span>\n          <strong>${i18next.t('label.activity-state-' + state)}</strong>\n        </div>\n\n        <div issuer>\n          <label>${i18next.t('field.issuer')}</label>\n          <md-icon>account_circle</md-icon>\n          <strong>${issuer?.name || ''}</strong>\n        </div>\n        <div>\n          <label>${i18next.t('field.assigned-at')}</label>${assignedAt && formatter.format(new Date(assignedAt))}\n        </div>\n        <div><label>${i18next.t('field.started-at')}</label>${startedAt && formatter.format(new Date(startedAt))}</div>\n        <div><label>${i18next.t('field.updated-at')}</label>${updatedAt && formatter.format(new Date(updatedAt))}</div>\n        <div>\n          <label>${i18next.t('field.terminated-at')}</label>${terminatedAt && formatter.format(new Date(terminatedAt))}\n        </div>\n      </div>\n      <div thread-container>\n        ${activityThreads?.map(activityThread => this.renderActivityThread(this.activityInstance!, activityThread))}\n      </div>\n    `\n  }\n\n  renderActivityThread(activityInstance: ActivityInstance, activityThread: ActivityThread) {\n    const {\n      state,\n      assignee,\n      output,\n      round,\n      activityApprovals = [],\n      assignedAt,\n      startedAt,\n      terminatedAt\n    } = activityThread\n    const { approvalLine } = activityInstance!\n    const { name, email } = assignee || {}\n    const approvals = activityApprovals.sort((a, b) =>\n      a.round < b.round ? 1 : a.round > b.round ? -1 : a.order! < b.order! ? 1 : -1\n    )\n    const current = approvals[0]?.round == round ? approvals[0].order : -1\n\n    return html`\n      <div assignee>\n        <md-icon>account_circle</md-icon>\n        <strong>${name}</strong>\n      </div>\n\n      <div thread>\n        <span subtitle>${i18next.t('label.information')}</span>\n        <div>\n          <label>${i18next.t('label.status')}</label>\n          <span status></span>\n          <strong>${i18next.t('label.activity-state-' + state)}</strong>\n        </div>\n        <div>\n          <label>${i18next.t('field.assigned-at')}</label> ${assignedAt && formatter.format(new Date(assignedAt))}\n        </div>\n        <div><label>${i18next.t('field.started-at')}</label> ${startedAt && formatter.format(new Date(startedAt))}</div>\n        <div>\n          <label>${i18next.t('field.terminated-at')}</label> ${terminatedAt && formatter.format(new Date(terminatedAt))}\n        </div>\n        <div><label>${i18next.t('field.round')}</label> ${round}</div>\n      </div>\n\n      <div>\n        <span subtitle>${i18next.t('field.artifact')}</span>\n        ${this.renderInOut(output || {})}\n      </div>\n      <div timeline>\n        <span subtitle>${i18next.t('label.timeline')}</span>\n\n        <div>\n          ${approvalLine\n            ? html`<approval-line-view .model=${approvalLine} .current=${current}></approval-line-view>`\n            : html``}\n        </div>\n\n        <ol>\n          ${approvals.map(approval => this.renderActivityApproval(approval))}\n        </ol>\n      </div>\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      <li>\n        <span date>${formatter.format(new Date(terminatedAt || createdAt!))}</span>\n        <span status></span>\n        <span info>\n          ${i18next.t('label.activity-state-' + (judgment || 'started'))}\n          <strong><md-icon>account_circle</md-icon>${name}</strong>\n          <p>${comment}</p>\n        </span>\n      </li>\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 { 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            state\n            key01\n            key02\n            key03\n            key04\n            key05\n            input\n            output\n            issuer {\n              name\n              email\n            }\n            starter {\n              name\n              email\n            }\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            approvalLine {\n              type\n              value\n              approver {\n                id\n                name\n                description\n                controlNo\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                createdAt\n                terminatedAt\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    this.setAttribute('state', this.activityInstance?.state || '')\n  }\n}\n"]}
+{"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 '@things-factory/organization/dist-client/component/approval-line-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\nimport { ActivityInstance } from '../../types/activity-instance.js'\nimport { ActivityThread } from '../../types/activity-thread.js'\nimport { ActivityApproval } from '../../types/activity-approval.js'\n\nfunction getSafeFormatter(locale: string, options: Intl.DateTimeFormatOptions): Intl.DateTimeFormat {\n  try {\n    const safeLocale = locale || 'en-US'\n    return new Intl.DateTimeFormat(safeLocale, options)\n  } catch (e) {\n    console.warn(`Invalid locale or options provided: ${locale}, falling back to default en-US.`, e)\n    return new Intl.DateTimeFormat('en-US', options)\n  }\n}\n\nconst formatter = getSafeFormatter(navigator.language, { dateStyle: 'full', timeStyle: 'short' })\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        overflow: auto;\n        font-size: var(--fontsize-default);\n      }\n      :host([state='assigned']) {\n        --worklist-status-color: #5f7184;\n      }\n\n      :host([state='started']) {\n        --worklist-status-color: #56af45;\n      }\n\n      :host([state='delegated']) {\n        --worklist-status-color: #8654b0;\n      }\n\n      :host([state='submitted']) {\n        --worklist-status-color: #428df3;\n      }\n\n      :host([state='escalated']) {\n        --worklist-status-color: #595de5;\n      }\n\n      :host([state='rejected']) {\n        --worklist-status-color: #f27429;\n      }\n\n      :host([state='ended']) {\n        --worklist-status-color: #02acae;\n      }\n\n      :host([state='aborted']) {\n        --worklist-status-color: #cb3a33;\n      }\n      [instance-container] {\n        flex: 1;\n        background-color: var(--md-sys-color-background);\n        border-right: var(--border-dim-color);\n        padding: var(--spacing-large);\n        color: var(--md-sys-color-secondary);\n      }\n      [thread-container] {\n        flex: 2;\n        padding: var(--spacing-large);\n      }\n      [instance-container] div {\n        margin-bottom: var(--spacing-medium);\n        padding-bottom: var(--spacing-medium);\n        border-bottom: var(--border-dim-color);\n      }\n      [header] md-icon {\n        background-color: var(--worklist-status-color, tomato);\n        float: left;\n        margin-right: var(--spacing-medium);\n        padding: var(--spacing-medium);\n        border-radius: 50%;\n        float: left;\n        font-size: 1.8em;\n        color: var(--md-sys-color-on-primary);\n      }\n      [header] strong {\n        display: block;\n        font: bold 22px / 1.1 var(--theme-font);\n      }\n      [header] {\n        overflow: hidden;\n        font-size: var(--fontsize-small);\n      }\n      [instance-container] div label {\n        display: inline-block;\n        margin-right: var(--spacing-medium);\n        min-width: 50px;\n      }\n      [issuer] md-icon {\n        opacity: 0.5;\n        position: relative;\n        top: 4px;\n        font-size: 20px;\n      }\n      span[status] {\n        width: 15px;\n        height: 15px;\n        position: relative;\n        top: 2px;\n        background-color: var(--worklist-status-color, tomato);\n        display: inline-block;\n        margin-right: var(--spacing-small);\n        border-radius: 50%;\n      }\n      [thread-container] table {\n        width: 100%;\n        border-collapse: collapse;\n      }\n      [thread-container] th {\n        color: var(--md-sys-color-on-primary-container);\n        background-color: var(--md-sys-color-primary-container);\n        border-top: var(--grid-header-top-border);\n        border-bottom: var(--grid-header-bottom-border);\n        padding: var(--grid-header-padding);\n        text-overflow: ellipsis;\n        font: var(--grid-header-font);\n      }\n      [thread-container] td {\n        padding: var(--spacing-small);\n        border-bottom: var(--grid-record-border-bottom);\n      }\n      [assignee] * {\n        vertical-align: middle;\n      }\n      [assignee] md-icon {\n        opacity: 0.5;\n      }\n      [subtitle] {\n        display: block;\n        margin: var(--spacing-large) 0 var(--spacing-small) 0;\n        padding: var(--spacing-small) var(--spacing-medium);\n        color: var(--md-sys-color-on-surface);\n        background-color: var(--md-sys-color-surface-variant);\n        font: bold 16px var(--theme-font);\n        border: 2px solid var(--md-sys-color-outline);\n        border-radius: 999px;\n      }\n      [timeline] ol {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n      }\n      [timeline] li {\n        display: flex;\n      }\n      [timeline] [info] {\n        color: var(--md-sys-color-on-surface);\n        background: var(--md-sys-color-surface-variant);\n\n        flex: 1;\n      }\n      [timeline] [date] {\n        opacity: 0.7;\n        width: 130px;\n        font-size: var(--fontsize-small);\n      }\n      [timeline] [info] strong {\n        float: right;\n      }\n      [timeline] [status] {\n        margin: 0 var(--spacing-small);\n        display: block;\n        border-radius: 50%;\n        width: 12px;\n        height: 12px;\n        position: relative;\n        top: 3px;\n        border: 2px solid #fff;\n        background-color: var(--worklist-status-color, tomato);\n      }\n      [timeline] [status]::before {\n        content: '';\n        height: 60px;\n        width: 2px;\n        display: block;\n        position: relative;\n        margin-left: 5px;\n        background-color: var(--worklist-status-color, tomato);\n        opacity: 0.2;\n      }\n      [timeline] [info] md-icon {\n        position: relative;\n        top: 3px;\n        font-size: var(--fontsize-large);\n      }\n      [timeline] [info] p {\n        background-color: #f4f4f4;\n        margin: var(--spacing-small) 0 var(--spacing-medium) 0;\n        padding: var(--spacing-small) var(--spacing-medium);\n        border-radius: var(--border-radius);\n        font-size: var(--fontsize-small);\n        text-align: justify;\n      }\n      [timeline] [info] p::before {\n        content: '';\n        float: right;\n        margin-top: -10px;\n        margin-right: 20px;\n        border: 7px solid transparent;\n        border-bottom-color: #f4f4f4;\n        border-top: 0;\n      }\n      [thread] div {\n        border-bottom: var(--border-dim-color);\n        padding: var(--spacing-small);\n        text-align: right;\n        overflow: hidden;\n      }\n      [thread] div label {\n        float: left;\n        width: 25%;\n        text-align: left;\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\n    const { id, name, description, state, issuer, assignedAt, startedAt, activityThreads, terminatedAt, updatedAt } =\n      this.activityInstance\n\n    return html`\n      <div instance-container>\n        <div header>\n          <md-icon>description</md-icon>\n          <strong>${name}</strong>\n          ${description}\n        </div>\n\n        <div>\n          <label>${i18next.t('label.status')}</label>\n          <span status></span>\n          <strong>${i18next.t('label.activity-state-' + state)}</strong>\n        </div>\n\n        <div issuer>\n          <label>${i18next.t('field.issuer')}</label>\n          <md-icon>account_circle</md-icon>\n          <strong>${issuer?.name || ''}</strong>\n        </div>\n        <div>\n          <label>${i18next.t('field.assigned-at')}</label>${assignedAt && formatter.format(new Date(assignedAt))}\n        </div>\n        <div><label>${i18next.t('field.started-at')}</label>${startedAt && formatter.format(new Date(startedAt))}</div>\n        <div><label>${i18next.t('field.updated-at')}</label>${updatedAt && formatter.format(new Date(updatedAt))}</div>\n        <div>\n          <label>${i18next.t('field.terminated-at')}</label>${terminatedAt && formatter.format(new Date(terminatedAt))}\n        </div>\n      </div>\n      <div thread-container>\n        ${activityThreads?.map(activityThread => this.renderActivityThread(this.activityInstance!, activityThread))}\n      </div>\n    `\n  }\n\n  renderActivityThread(activityInstance: ActivityInstance, activityThread: ActivityThread) {\n    const {\n      state,\n      assignee,\n      output,\n      round,\n      activityApprovals = [],\n      assignedAt,\n      startedAt,\n      terminatedAt\n    } = activityThread\n    const { approvalLine } = activityInstance!\n    const { name, email } = assignee || {}\n    const approvals = activityApprovals.sort((a, b) =>\n      a.round < b.round ? 1 : a.round > b.round ? -1 : a.order! < b.order! ? 1 : -1\n    )\n    const current = approvals[0]?.round == round ? approvals[0].order : -1\n\n    return html`\n      <div assignee>\n        <md-icon>account_circle</md-icon>\n        <strong>${name}</strong>\n      </div>\n\n      <div thread>\n        <span subtitle>${i18next.t('label.thread-basics')}</span>\n        <div>\n          <label>${i18next.t('label.status')}</label>\n          <span status></span>\n          <strong>${i18next.t('label.activity-state-' + state)}</strong>\n        </div>\n        <div>\n          <label>${i18next.t('field.assigned-at')}</label> ${assignedAt && formatter.format(new Date(assignedAt))}\n        </div>\n        <div><label>${i18next.t('field.started-at')}</label> ${startedAt && formatter.format(new Date(startedAt))}</div>\n        <div>\n          <label>${i18next.t('field.terminated-at')}</label> ${terminatedAt && formatter.format(new Date(terminatedAt))}\n        </div>\n        <div><label>${i18next.t('field.round')}</label> ${round}</div>\n      </div>\n\n      <div>\n        <span subtitle>${i18next.t('field.artifact')}</span>\n        ${this.renderInOut(output || {})}\n      </div>\n      <div timeline>\n        <span subtitle>${i18next.t('label.timeline')}</span>\n\n        <div>\n          ${approvalLine\n            ? html`<approval-line-view .model=${approvalLine} .current=${current}></approval-line-view>`\n            : html``}\n        </div>\n\n        <ol>\n          ${approvals.map(approval => this.renderActivityApproval(approval))}\n        </ol>\n      </div>\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      <li>\n        <span date>${formatter.format(new Date(terminatedAt || createdAt!))}</span>\n        <span status></span>\n        <span info>\n          ${i18next.t('label.activity-state-' + (judgment || 'started'))}\n          <strong><md-icon>account_circle</md-icon>${name}</strong>\n          <p>${comment}</p>\n        </span>\n      </li>\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 { 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            state\n            key01\n            key02\n            key03\n            key04\n            key05\n            input\n            output\n            issuer {\n              name\n              email\n            }\n            starter {\n              name\n              email\n            }\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            approvalLine {\n              type\n              value\n              approver {\n                id\n                name\n                description\n                controlNo\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                createdAt\n                terminatedAt\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    this.setAttribute('state', this.activityInstance?.state || '')\n  }\n}\n"]}

package/dist-client/pages/activity-stats/activity-stats-list-page.js

@@ -71,7 +71,8 @@ let ActivityStatsListPage = class ActivityStatsListPage extends localize(i18next
       <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
         <div slot="headroom" class="header">
           <div class="filters">
-            <ox-filters-form autofocus></ox-filters-form>
+            <!-- 검색은 제목 줄이 갖는다(context.search). 여기 폼은 컬럼 필터만 그린다. -->
+            <ox-filters-form without-search></ox-filters-form>
           </div>
         </div>
       </ox-grist>