@things-factory/worklist 6.0.45 → 6.0.47

package/client/pages/activity-instance/activity-instance-page.ts

@@ -1,445 +0,0 @@
-import '@operato/property-editor/ox-properties-dynamic-view.js'
-import '@operato/board/ox-board-viewer.js'
-import '@things-factory/organization'
-
-import gql from 'graphql-tag'
-import { css, html } from 'lit'
-import { unsafeHTML } from 'lit-html/directives/unsafe-html.js'
-import { customElement, property, query } from 'lit/decorators.js'
-import { connect } from 'pwa-helpers/connect-mixin.js'
-
-import { client } from '@operato/graphql'
-import { i18next, localize } from '@operato/i18n'
-import { PageView, store } from '@operato/shell'
-import { CommonGristStyles, ScrollbarStyles } from '@operato/styles'
-import { provider } from '@things-factory/board-ui'
-
-const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' })
-
-export const ActivityInstanceStatus = {
-  Draft: 'draft',
-  Posted: 'posted',
-  PendingAssignment: 'pending-assignment',
-  Assigned: 'assigned',
-  Started: 'started',
-  Pending: 'pending',
-  Ended: 'ended',
-  Aborted: 'aborted'
-}
-
-@customElement('activity-instance-page')
-export class ActivityInstancePage extends connect(store)(localize(i18next)(PageView)) {
-  static styles = [
-    ScrollbarStyles,
-    CommonGristStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        width: 100%;
-        padding: 5px;
-        overflow: auto;
-      }
-
-      [header] {
-        display: block;
-        padding: 5px;
-      }
-
-      [content] {
-        flex: 1;
-        display: block;
-        padding: 5px;
-      }
-
-      ox-board-viewer {
-        width: 100%;
-        height: 100%;
-      }
-
-      #custom-content {
-        flex: 1;
-      }
-    `
-  ]
-
-  @property({ type: Object }) activityInstance: any
-  @property({ type: Object }) board: any
-
-  get context() {
-    const assignable = [ActivityInstanceStatus.Posted, ActivityInstanceStatus.PendingAssignment].includes(
-      this.activityInstance?.state
-    )
-    const abortable = [ActivityInstanceStatus.Draft, ActivityInstanceStatus.Posted].includes(
-      this.activityInstance?.state
-    )
-    const finishable = [ActivityInstanceStatus.Started].includes(this.activityInstance?.state)
-
-    return {
-      title: this.lifecycle?.params?.['title'] || i18next.t('title.activity'),
-      help: 'worklist/activity',
-      actions: [
-        finishable && {
-          title: i18next.t('button.finish'),
-          action: this._endActivityInstance.bind(this)
-        }
-      ].filter(Boolean /* truthy only */)
-    }
-  }
-
-  @query('ox-board-viewer') viewer: any
-
-  render() {
-    const { name, description, state, thumbnail, approvalLine, dueAt, createdAt } = this.activityInstance || {}
-    return html`
-      <div header>
-        <div>name: ${name}</div>
-        <div>description: ${description}</div>
-        <div>state: ${state}</div>
-        <div>posted at: ${createdAt && formatter.format(new Date(createdAt))}</div>
-        <div>due at: ${dueAt && formatter.format(new Date(dueAt))}</div>
-        <img src=${thumbnail} />
-        <approval-line-view .model=${approvalLine}></approval-line-view>
-      </div>
-
-      <div content>${this.activityContent()}</div>
-    `
-  }
-
-  activityContent() {
-    switch (this.activityInstance?.uiType) {
-      case 'template':
-        return this.templateContent()
-      case 'generated':
-        return this.generatedContent()
-      case 'board':
-        return this.boardContent()
-      case 'custom-element':
-        return this.customElementContent()
-      case 'page':
-      case 'external':
-      default:
-        return html``
-    }
-  }
-
-  templateContent() {
-    const { uiSource: template } = this.activityInstance
-    return unsafeHTML(template)
-  }
-
-  getInputSpec() {
-    const model = this.activityInstance?.activity?.model
-
-    return (model || [])
-      .filter(item => item.inout === 'in' || item.inout === 'inout')
-      .map(item => {
-        return {
-          ...item,
-          label: item.name
-        }
-      })
-  }
-
-  getOutputSpec() {
-    const model = this.activityInstance?.activity?.model
-
-    return (model || [])
-      .filter(item => item.inout === 'inout' || item.inout === 'out')
-      .map(item => {
-        return {
-          ...item,
-          label: item.name
-        }
-      })
-  }
-
-  generatedContent() {
-    var { input, output } = this.activityInstance || {}
-
-    const inputSpec = this.getInputSpec()
-    const outputSpec = this.getOutputSpec()
-
-    if (!output) {
-      output = inputSpec
-        .filter(item => item.inout === 'inout')
-        .reduce((inout, item) => {
-          inout[item.name] = input[item.name]
-          return inout
-        }, {})
-    }
-
-    return html`
-      <fieldset>
-        <legend>Input</legend>
-        <ox-properties-dynamic-view data-name="input" .props=${inputSpec} .value=${input}></ox-properties-dynamic-view>
-      </fieldset>
-
-      <fieldset>
-        <legend>Output</legend>
-        <ox-properties-dynamic-view
-          data-name="output"
-          .props=${outputSpec}
-          .value=${output}
-          @property-change=${e => (this.activityInstance.output = e.currentTarget.value)}
-        ></ox-properties-dynamic-view>
-      </fieldset>
-    `
-  }
-
-  boardContent() {
-    const { uiSource: boardId, input, output } = this.activityInstance
-
-    if (!this.board || this.board.id !== boardId) {
-      this.board = {
-        id: boardId
-      }
-    }
-
-    return html`
-      <ox-board-viewer
-        style="background-color: white;"
-        .board=${this.board}
-        .provider=${provider}
-        .values=${{ ...input, ...output }}
-        hide-fullscreen
-        hide-navigation
-      ></ox-board-viewer>
-    `
-  }
-
-  customElementContent() {
-    const { uiSource: tagName, input, output } = this.activityInstance
-
-    const element = document.createElement(tagName)
-    element.id = 'custom-content'
-    element.input = input
-    element.output = output
-
-    return element
-  }
-
-  getOutputFromBoard() {
-    const outputSpec = this.getOutputSpec()
-    const data = this.viewer?.getSceneValues() || {}
-
-    return outputSpec.reduce((output, spec) => {
-      output[spec.name] = data[spec.name]
-      return output
-    }, {})
-  }
-
-  updated(changes) {
-    if (changes.has('activityInstance')) {
-      this.updateContext()
-    }
-  }
-
-  async pageUpdated(changes, lifecycle, changedBefore) {
-    if (this.active) {
-      this.fetchActivityInstance(lifecycle.resourceId)
-    }
-  }
-
-  async fetchActivityInstance(id) {
-    const response = await client.query({
-      query: gql`
-        query activityInstance($id: String!) {
-          activityInstance(id: $id) {
-            id
-            name
-            description
-            state
-            activity {
-              model {
-                name
-                description
-                active
-                tag
-                inout
-                type
-                unit
-                options
-                quantifier
-                spec
-              }
-            }
-            thumbnail
-            input
-            output
-            uiType
-            uiSource
-            approvalLine {
-              type
-              value
-              approver {
-                id
-                name
-                description
-                controlNo
-              }
-            }
-            dueAt
-            createdAt
-          }
-        }
-      `,
-      variables: {
-        id
-      }
-    })
-
-    this.activityInstance = response.data.activityInstance
-  }
-
-  async _startActivityInstance() {
-    var { id, output, reason, uiType } = this.activityInstance
-    if (uiType === 'board') {
-      output = this.getOutputFromBoard()
-    }
-
-    const response = await client.mutate({
-      mutation: gql`
-        mutation ($id: String!, $output: Object) {
-          startActivityInstance(id: $id, output: $output) {
-            name
-          }
-        }
-      `,
-      variables: {
-        id,
-        output
-      }
-    })
-
-    if (!response.errors) {
-      await this.fetchActivityInstance(this.activityInstance.id)
-
-      document.dispatchEvent(
-        new CustomEvent('notify', {
-          detail: {
-            message: i18next.t('text.task_is_started_successfully')
-          }
-        })
-      )
-    }
-  }
-
-  async _saveActivityInstance() {
-    var { id, output, reason, uiType } = this.activityInstance
-    if (uiType === 'board') {
-      output = this.getOutputFromBoard()
-    }
-
-    const response = await client.mutate({
-      mutation: gql`
-        mutation ($id: String!, $save: ActivityInstanceSave!) {
-          saveActivityInstance(id: $id, save: $save) {
-            id
-            name
-            description
-            state
-            activity {
-              model {
-                name
-                description
-                active
-                tag
-                inout
-                type
-                unit
-                options
-                quantifier
-                spec
-              }
-            }
-            thumbnail
-            input
-            output
-            uiType
-            uiSource
-            dueAt
-            createdAt
-          }
-        }
-      `,
-      variables: {
-        id,
-        save: {
-          output
-        }
-      }
-    })
-
-    if (!response.errors) {
-      this.activityInstance = response.data.saveActivityInstance
-
-      document.dispatchEvent(
-        new CustomEvent('notify', {
-          detail: {
-            message: i18next.t('text.task_is_saved_successfully')
-          }
-        })
-      )
-    }
-  }
-
-  async _endActivityInstance() {
-    var { id, output, reason, uiType } = this.activityInstance
-    if (uiType === 'board') {
-      output = this.getOutputFromBoard()
-    }
-
-    const response = await client.mutate({
-      mutation: gql`
-        mutation ($id: String!, $output: Object, $reason: String) {
-          endActivityInstance(id: $id, output: $output, reason: $reason) {
-            id
-            name
-            description
-            state
-            activity {
-              model {
-                name
-                description
-                active
-                tag
-                inout
-                type
-                unit
-                options
-                quantifier
-                spec
-              }
-            }
-            thumbnail
-            input
-            output
-            uiType
-            uiSource
-            dueAt
-            createdAt
-          }
-        }
-      `,
-      variables: {
-        id,
-        output,
-        reason
-      }
-    })
-
-    if (!response.errors) {
-      this.activityInstance = response.data.endActivityInstance
-
-      document.dispatchEvent(
-        new CustomEvent('notify', {
-          detail: {
-            message: i18next.t('text.task_is_finished_successfully')
-          }
-        })
-      )
-    }
-  }
-}

package/server/controllers/activity-instance/post.ts

@@ -1,140 +0,0 @@
-import { Activity } from '../../service/activity/activity'
-import { ActivityInstance, ActivityInstanceStatus } from '../../service/activity-instance/activity-instance'
-import { ActivityInstancePost } from '../../service/activity-instance/activity-instance-type'
-import {
-  createActivityThreadsForAllRoleUsers,
-  createActivityThreadsForUsers,
-  getSystemUserFromOrgMemberItem,
-  fillActivitySearchKeys
-} from '../common'
-
-export async function post(
-  activityInstance: ActivityInstancePost,
-  context: ResolverContext
-): Promise<ActivityInstance> {
-  const { domain, user, tx } = context.state
-  const issuedAt = new Date()
-  var {
-    id,
-    name,
-    description,
-    assignees,
-    uiType,
-    uiSource,
-    viewType,
-    viewSource,
-    dueAt,
-    priority,
-    approvalLine,
-    activityId,
-    activityType,
-    assigneeRole,
-    supervisoryRole,
-    input
-  } = activityInstance
-
-  var origin = id
-    ? await tx.getRepository(ActivityInstance).findOne({
-        where: { domain: { id: domain.id }, id },
-        relations: [
-          'domain',
-          'activity',
-          'assigneeRole',
-          'supervisoryRole',
-          'updater',
-          'creator',
-          'starter',
-          'terminator'
-        ]
-      })
-    : null
-
-  /* 
-    Prerequisites for a Task to Be Posted.
-    - The previous state of the task should be Draft.
-  */
-  if (origin && origin.state !== ActivityInstanceStatus.Draft) {
-    throw new Error(
-      context.t(`error.activity-instance is already posted`, {
-        id: id,
-        state: origin.state
-      })
-    )
-  }
-
-  if (!origin && activityId) {
-    var repository = tx.getRepository(Activity)
-    var activity = {} as Activity
-
-    if (activityId) {
-      activity = await repository.findOne({
-        where: { domain: { id: domain.id }, id: activityId },
-        relations: ['assigneeRole', 'supervisoryRole']
-      })
-
-      if (!activity) {
-        throw new Error(
-          context.t('error.activity not found', {
-            activity: activityId
-          })
-        )
-      }
-    }
-
-    activityInstance.name = name || activity.name
-    activityInstance.description = description || activity.description
-    activityInstance.activityType = activityType || activity.activityType
-    activityInstance.uiType = uiType || activity.uiType
-    activityInstance.uiSource = uiSource || activity.uiSource
-    activityInstance.viewType = viewType || activity.viewType
-    activityInstance.viewSource = viewSource || activity.viewSource
-    activityInstance.assigneeRole = assigneeRole || activity.assigneeRole
-    activityInstance.supervisoryRole = supervisoryRole || activity.supervisoryRole
-    activityInstance.priority = priority ?? activity.priority
-
-    if (!assignees || !approvalLine) {
-      activityInstance.adhocType = 'standard'
-      activityInstance.refBy = activityId
-      if (!assignees) {
-        assignees = activityInstance.assignees = activity.assignees
-      }
-      if (!approvalLine) {
-        approvalLine = activityInstance.approvalLine = activity.approvalLine
-      }
-
-      if (!dueAt && activity.standardTime) {
-        activityInstance.dueAt = new Date(issuedAt.getTime() + activity.standardTime * 1000)
-      }
-    }
-  }
-
-  const activitySearchKeys = fillActivitySearchKeys(activity?.searchKeys, input)
-
-  const posted = await tx.getRepository(ActivityInstance).save({
-    creator: user,
-    ...origin,
-    ...activityInstance,
-    transaction: 'post',
-    activity,
-    ...activitySearchKeys,
-    state: ActivityInstanceStatus.Posted,
-    domain,
-    issuer: user,
-    updater: user,
-    issuedAt
-  })
-
-  const assignedUsers = await Promise.all(
-    (assignees || []).map(assignee => getSystemUserFromOrgMemberItem(assignee, context))
-  )
-
-  if (assignedUsers.length == 0 && posted.threadsMin === 0 && posted.assigneeRoleId) {
-    await createActivityThreadsForAllRoleUsers('post', posted, context)
-  }
-
-  if (assignedUsers.length > 0) {
-    await createActivityThreadsForUsers('post', posted, assignedUsers, context)
-  }
-
-  return await tx.getRepository(ActivityInstance).findOneBy({ id: posted.id })
-}