@things-factory/worklist 6.0.45 → 6.0.46

package/client/pages/todo/draft-list-page.ts

@@ -6,17 +6,15 @@ import { css, html } from 'lit'
 import { customElement, property, query } from 'lit/decorators.js'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
-import { DataGrist, FetchOption, getRenderer } from '@operato/data-grist'
+import { DataGrist, FetchOption } from '@operato/data-grist'
 import { client } from '@operato/graphql'
 import { i18next, localize } from '@operato/i18n'
-import { openPopup } from '@operato/layout'
-import { PageView, store } from '@operato/shell'
+import { navigate, PageView, store } from '@operato/shell'
 import { CommonGristStyles, ScrollbarStyles } from '@operato/styles'
 import { isMobileDevice } from '@operato/utils'
 import { OxPopup } from '@operato/popup'
 
-import { ActivityInstanceStatus } from '../../types/activity-instance'
-import { Priorities } from '../../types/types.js'
+import { ActivityStartingTypes } from '../../types/types.js'
 
 const MIN = 60
 const HOUR = 60 * MIN
@@ -121,23 +119,7 @@ export class DraftListPage extends connect(store)(localize(i18next)(PageView)) {
                 return
               }
 
-              const popup = openPopup(
-                html`
-                  <activity-starter-form
-                    .activityId=${record.activity?.id}
-                    .activityInstance=${record}
-                  ></activity-starter-form>
-                `,
-                {
-                  backdrop: true,
-                  help: 'worklist/activity-starter-form',
-                  size: 'large',
-                  title: i18next.t('title.activity starter')
-                }
-              )
-              popup.onclosed = () => {
-                this.grist?.fetch()
-              }
+              this.openActivityInstanceStart(record)
             }
           }
         },
@@ -160,36 +142,19 @@ export class DraftListPage extends connect(store)(localize(i18next)(PageView)) {
             editable: false
           },
           filter: 'search',
-          width: 200
+          width: 240
         },
         {
-          type: 'string',
-          name: 'uiSource',
-          header: i18next.t('field.ui-source'),
-          record: {
-            editable: false,
-            renderer: function (value, column, record, rowIndex, field) {
-              const { uiType, uiSource } = record.activity || {}
-              var type = uiType !== 'board' ? 'string' : 'board'
-              return getRenderer(type)(uiSource, column, record, rowIndex, field)
-            }
-          },
-          width: 140,
-          hidden: true
-        },
-        {
-          type: 'number',
-          name: 'priority',
-          header: i18next.t('field.priority'),
+          type: 'select',
+          name: 'startingType',
+          label: true,
+          header: i18next.t('field.starting-type'),
           record: {
             editable: false,
-            renderer: function (value, column, record, rowIndex, field) {
-              const color = ['', 'gray', 'yellow', 'orange', 'red'][value || 0]
-              const count = new Array(value > 4 ? 4 : value || 0).fill('')
-              return html`${count.map(() => html`<mwc-icon style="color:${color};">star</mwc-icon>`)}`
-            }
+            options: ActivityStartingTypes
           },
-          width: 60
+          sortable: true,
+          width: 80
         },
         {
           type: 'select',
@@ -213,58 +178,8 @@ export class DraftListPage extends connect(store)(localize(i18next)(PageView)) {
         },
         {
           type: 'datetime',
-          name: 'dueAt',
-          header: i18next.t('field.due-at'),
-          record: {
-            editable: false,
-            options: {
-              year: 'numeric',
-              month: 'numeric',
-              day: 'numeric'
-            }
-          },
-          sortable: true,
-          // filter: {
-          //   type: 'date',
-          //   operator: 'between'
-          // },
-          // filter: {
-          //   type: 'select',
-          //   operator: 'between',
-          //   options: (column, owner) => {
-          //     const now = Date.now()
-          //     return [
-          //       {
-          //         display: '1일 이내 처리',
-          //         value: [now, Date.now() + 60 * 60 * 3600 * 1000]
-          //       },
-          //       {
-          //         display: '2일 이내 처리',
-          //         value: [now, Date.now() + 2 * 60 * 60 * 3600 * 1000]
-          //       },
-          //       {
-          //         display: '3일 이내 처리',
-          //         value: [now, Date.now() + 3 * 60 * 60 * 3600 * 1000]
-          //       }
-          //     ]
-          //   }
-          // },
-          width: 100
-        },
-        {
-          type: 'resource-object',
-          name: 'creator',
-          header: i18next.t('field.issuer'),
-          record: {
-            editable: false
-          },
-          sortable: true,
-          width: 120
-        },
-        {
-          type: 'datetime',
-          name: 'createdAt',
-          header: i18next.t('field.posted-at'),
+          name: 'updatedAt',
+          header: i18next.t('field.updated-at'),
           record: {
             editable: false
           },
@@ -284,8 +199,8 @@ export class DraftListPage extends connect(store)(localize(i18next)(PageView)) {
       },
       sorters: [
         {
-          name: 'dueAt',
-          desc: false
+          name: 'updatedAt',
+          desc: true
         }
       ]
     }
@@ -313,6 +228,7 @@ export class DraftListPage extends connect(store)(localize(i18next)(PageView)) {
               refBy
               activity {
                 id
+                startingType
               }
               activityType
               assignees {
@@ -361,7 +277,15 @@ export class DraftListPage extends connect(store)(localize(i18next)(PageView)) {
 
     return {
       total: response.data.responses.total || 0,
-      records: response.data.responses.items || []
+      records:
+        response.data.responses.items.map(item => {
+          item['startingType'] = item.activity?.startingType
+          return item
+        }) || []
     }
   }
+
+  openActivityInstanceStart(activityInstance) {
+    navigate(`activity-instance-start/${activityInstance.id}?title=${activityInstance.name}`)
+  }
 }

package/client/pages/todo/todo-list-page.ts

@@ -243,7 +243,7 @@ export class TodoListPage extends connect(store)(localize(i18next)(PageView)) {
         {
           type: 'datetime',
           name: 'createdAt',
-          header: i18next.t('field.posted-at'),
+          header: i18next.t('field.issued-at'),
           record: {
             editable: false
           },

package/client/route.ts

@@ -52,8 +52,8 @@ export default function route(page: string) {
       import('./pages/activity/activity-page.js')
       return page
 
-    case 'activity-instance':
-      import('./pages/activity-instance/activity-instance-page.js')
+    case 'activity-instance-start':
+      import('./pages/activity-instance/activity-instance-start-page.js')
       return page
 
     case 'activity-thread':

package/client/templates/activity-approval-context-template.ts

@@ -25,6 +25,10 @@ class ActivityApprovalContextTemplate extends connect(store)(LitElement) {
         padding: 5px;
         overflow: auto;
       }
+
+      img {
+        max-width: 200px;
+      }
     `
   ]
 

package/client/templates/activity-instance-context-template.ts

@@ -0,0 +1,171 @@
+import '@material/mwc-icon'
+
+import { html, css, LitElement } from 'lit'
+import { customElement, state } from 'lit/decorators.js'
+
+import { connect } from 'pwa-helpers/connect-mixin'
+
+import { ContextToolbarOverlayStyle } from '@operato/context/ox-context-toolbar-overlay-style.js'
+import { store } from '@operato/shell'
+import { i18next } from '@operato/i18n'
+import { openPopup } from '@operato/layout'
+
+import '@things-factory/organization/dist-client/component/approval-line-view.js'
+
+const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' })
+
+@customElement('activity-instance-context-template')
+class ActivityInstanceContextTemplate extends connect(store)(LitElement) {
+  static styles = [
+    ContextToolbarOverlayStyle,
+    css`
+      :host {
+        background-color: white;
+
+        width: 100%;
+        padding: 5px;
+        overflow: auto;
+      }
+
+      img {
+        max-width: 200px;
+      }
+    `
+  ]
+
+  @state() private context
+
+  render() {
+    const activityInstance = this.context.activityInstance || {}
+    const {
+      name,
+      description,
+      state,
+      thumbnail,
+      assignees,
+      approvalLine,
+      assignedAt,
+      startedAt,
+      dueAt,
+      threadsMin,
+      threadsMax
+    } = activityInstance || {}
+
+    const editable = state == 'draft'
+
+    return html`
+      <div>
+        <div>name: ${name}</div>
+        <div>description: ${description}</div>
+        <div>state: ${state}</div>
+        <div>assigned at: ${assignedAt && formatter.format(new Date(assignedAt))}</div>
+        <div>due at: ${dueAt && formatter.format(new Date(dueAt))}</div>
+        <div>started at: ${startedAt && formatter.format(new Date(startedAt))}</div>
+      </div>
+
+      <div>
+        <div assignees>
+          <label>Assignees</label>
+          ${assignees
+            ? html`
+                <assignees-view
+                  .value=${assignees}
+                  @click=${() => this.onClickAssignees(activityInstance)}
+                  @change=${e => (activityInstance.assignees = e.currentTarget.value)}
+                ></assignees-view>
+              `
+            : html`<mwc-icon-button
+                icon="group_add"
+                @click=${() => this.onClickAssignees(activityInstance)}
+              ></mwc-icon-button>`}
+        </div>
+
+        <div>
+          <label>Approval Line</label>
+          ${approvalLine
+            ? html`
+                <approval-line-view
+                  .model=${approvalLine}
+                  @click=${() => this.onClickApprovalLine(activityInstance)}
+                  @change=${e => (activityInstance.approvalLine = e.currentTarget.value)}
+                ></approval-line-view>
+              `
+            : html`<mwc-icon-button
+                icon="group_add"
+                @click=${() => this.onClickApprovalLine(activityInstance)}
+              ></mwc-icon-button>`}
+        </div>
+
+        <section>
+          <label for="threads-min">Threads Min</label>
+          <input
+            id="threadsMin"
+            type="number"
+            .value=${threadsMin || 0}
+            @change=${e => (activityInstance.threadsMin = e.currentTarget.valueAsNumber)}
+          />
+
+          <label for="threads-max">Threads Max</label>
+          <input
+            id="threads-max"
+            type="number"
+            .value=${threadsMax || 0}
+            @change=${e => (activityInstance.threadsMax = e.currentTarget.valueAsNumber)}
+          />
+        </section>
+
+        <img src=${thumbnail} />
+      </div>
+    `
+  }
+
+  stateChanged(state) {
+    this.context = state.route.context
+  }
+
+  onClickAssignees(activityInstance) {
+    const { assignees } = activityInstance || {}
+
+    const popup = openPopup(
+      html`
+        <assignees-editor-popup
+          .value=${assignees}
+          .confirmCallback=${value => {
+            activityInstance.assignees = value
+            this.requestUpdate()
+          }}
+        ></assignees-editor-popup>
+      `,
+      {
+        backdrop: true,
+        help: 'organization/assignees-editor',
+        size: 'large',
+        title: i18next.t('title.assignee list')
+      }
+    )
+    popup.onclosed = () => {}
+  }
+
+  onClickApprovalLine(activityInstance) {
+    const { approvalLine } = activityInstance || {}
+
+    const popup = openPopup(
+      html`
+        <approval-line-items-editor-popup
+          .value=${approvalLine}
+          .confirmCallback=${value => {
+            activityInstance.approvalLine = value
+            this.requestUpdate()
+          }}
+        ></approval-line-items-editor-popup>
+      `,
+      {
+        backdrop: true,
+        help: 'organization/approval-line-items-editor',
+        size: 'large',
+        title: i18next.t('title.approval-line item list')
+      }
+    )
+    popup.onclosed = () => {}
+  }
+}

package/client/templates/activity-thread-context-template.ts

@@ -25,6 +25,10 @@ class ActivityThreadContextTemplate extends connect(store)(LitElement) {
         padding: 5px;
         overflow: auto;
       }
+
+      img {
+        max-width: 200px;
+      }
     `
   ]
 

package/client/types/activity-instance-type.ts

@@ -4,7 +4,9 @@ import { ApprovalLineItem } from '@things-factory/organization'
 import { ActivityType, ActivityUIType } from './activity'
 import { AssigneeItem, ActivityInstance, ActivityInstanceStatus } from './activity-instance'
 
-export class NewActivityInstance {
+export class ActivityInstanceDraft {
+  id?: string
+
   name?: string
 
   activityId?: string
@@ -42,7 +44,7 @@ export class NewActivityInstance {
   approvalLine?: ApprovalLineItem[]
 }
 
-export class ActivityInstancePost {
+export class ActivityInstanceIssue {
   id?: string
 
   name?: string

package/client/types/activity-instance.ts

@@ -6,7 +6,7 @@ import { Activity, ActivityType, ActivityUIType } from './activity'
 
 export enum ActivityInstanceStatus {
   Draft = 'draft',
-  Posted = 'posted',
+  Issued = 'issued',
   PendingAssignment = 'pending-assignment',
   Assigned = 'assigned',
   Started = 'started',
@@ -114,7 +114,7 @@ export class ActivityInstance {
 
   isDelegatable(): boolean {
     switch (this.state) {
-      case ActivityInstanceStatus.Posted:
+      case ActivityInstanceStatus.Issued:
       case ActivityInstanceStatus.Assigned:
         return true
       default:

package/client/types/activity.ts

@@ -32,6 +32,11 @@ export enum ActivityUIType {
   External = 'external'
 }
 
+export enum ActivityStartingType {
+  post = 'post',
+  issue = 'issue'
+}
+
 export class Activity {
   id?: string
 
@@ -55,6 +60,8 @@ export class Activity {
 
   startable?: boolean
 
+  startingType?: ActivityStartingType
+
   schedule?: string
 
   timzeone?: string

package/client/types/types.ts

@@ -1,3 +1,5 @@
+import { i18next } from '@operato/i18n'
+
 export const Priorities = [
   { display: '', value: '' },
   { display: 'Emergency', value: 3 },
@@ -29,3 +31,9 @@ export const ActivityTypes = [
   { display: 'Subprocess', value: 'sub-process' },
   { display: 'Call', value: 'call' }
 ]
+
+export const ActivityStartingTypes = [
+  { display: '', value: '' },
+  { display: i18next.t('label.activity-starting-type-post'), value: 'post' },
+  { display: i18next.t('label.activity-starting-type-issue'), value: 'issue' }
+]

package/dist-client/bootstrap.d.ts

@@ -1,4 +1,5 @@
 import '@material/mwc-icon';
 import './templates/activity-approval-context-template.js';
 import './templates/activity-thread-context-template.js';
+import './templates/activity-instance-context-template.js';
 export default function bootstrap(): void;

package/dist-client/bootstrap.js

@@ -1,6 +1,7 @@
 import '@material/mwc-icon';
 import './templates/activity-approval-context-template.js';
 import './templates/activity-thread-context-template.js';
+import './templates/activity-instance-context-template.js';
 import { html } from 'lit-html';
 import { store } from '@operato/shell';
 import { openOverlay, TOOL_POSITION } from '@operato/layout';
@@ -22,6 +23,10 @@ export default function bootstrap() {
         {
             template: html ` <activity-thread-context-template></activity-thread-context-template> `,
             context: 'activityThread'
+        },
+        {
+            template: html ` <activity-instance-context-template></activity-instance-context-template> `,
+            context: 'activityInstance'
         }
     ].forEach(({ template, context }) => {
         store.dispatch({

package/dist-client/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,mDAAmD,CAAA;AAC1D,OAAO,iDAAiD,CAAA;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAEhE,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,gBAAgB,IAAI,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AACtH,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAA;AACzF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAA;AACjG,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAA;AAClG,OAAO,EAAE,+BAA+B,EAAE,MAAM,sDAAsD,CAAA;AAEtG,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,CAAC;IAAA;QACC;YACE,QAAQ,EAAE,IAAI,CAAA,6EAA6E;YAC3F,OAAO,EAAE,kBAAkB;SAC5B;QACD;YACE,QAAQ,EAAE,IAAI,CAAA,yEAAyE;YACvF,OAAO,EAAE,gBAAgB;SAC1B;KACF,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QAClC,KAAK,CAAC,QAAQ,CAAC;YACb,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE;gBACJ,QAAQ,EAAE,aAAa,CAAC,KAAK;gBAC7B,QAAQ,EAAE,IAAI,CAAA;;qBAED,KAAK,EAAC,CAAC,EAAC,EAAE;oBACjB,WAAW,CAAC,yBAAyB,EAAE;wBACrC,QAAQ;qBACT,CAAC,CAAA;gBACJ,CAAC;;;SAGJ;gBACD,OAAO;aACR;SACF,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,mBAAmB,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAA;IACtD,qBAAqB,CAAC,UAAU,EAAE,uBAAuB,CAAC,CAAA;IAC1D,mBAAmB,CAAC,YAAY,EAAE,uBAAuB,CAAC,CAAA;IAC1D,qBAAqB,CAAC,YAAY,EAAE,yBAAyB,CAAC,CAAA;IAE9D,mBAAmB,CAAC,sBAAsB,EAAE,6BAA6B,CAAC,CAAA;IAC1E,qBAAqB,CAAC,sBAAsB,EAAE,+BAA+B,CAAC,CAAA;AAChF,CAAC","sourcesContent":["import '@material/mwc-icon'\nimport './templates/activity-approval-context-template.js'\nimport './templates/activity-thread-context-template.js'\n\nimport { html } from 'lit-html'\nimport { store } from '@operato/shell'\nimport { openOverlay, TOOL_POSITION } from '@operato/layout'\nimport { APPEND_CONTEXT_TOOL } from '@things-factory/context-ui'\n\nimport { registerEditor as registerGristEditor, registerRenderer as registerGristRenderer } from '@operato/data-grist'\nimport { OxGristEditorDuration } from '@operato/grist-editor/ox-grist-editor-duration.js'\nimport { OxGristEditorQuantifier } from '@operato/grist-editor/ox-grist-editor-quantifier.js'\nimport { OxGristRendererDuration } from '@operato/grist-editor/ox-grist-renderer-duration.js'\nimport { OxGristRendererQuantifier } from '@operato/grist-editor/ox-grist-renderer-quantifier.js'\nimport { GristEditorActivitySearchKeys } from './grist-editor/grist-editor-activity-search-key.js'\nimport { GristRendererActivitySearchKeys } from './grist-editor/grist-renderer-activity-search-key.js'\n\nexport default function bootstrap() {\n  ;[\n    {\n      template: html` <activity-approval-context-template></activity-approval-context-template> `,\n      context: 'activityApproval'\n    },\n    {\n      template: html` <activity-thread-context-template></activity-thread-context-template> `,\n      context: 'activityThread'\n    }\n  ].forEach(({ template, context }) => {\n    store.dispatch({\n      type: APPEND_CONTEXT_TOOL,\n      tool: {\n        position: TOOL_POSITION.FRONT,\n        template: html`\n          <mwc-icon\n            @click=${async e => {\n              openOverlay('context-toolbar-overlay', {\n                template\n              })\n            }}\n            >info</mwc-icon\n          >\n        `,\n        context\n      }\n    })\n  })\n\n  registerGristEditor('duration', OxGristEditorDuration)\n  registerGristRenderer('duration', OxGristRendererDuration)\n  registerGristEditor('quantifier', OxGristEditorQuantifier)\n  registerGristRenderer('quantifier', OxGristRendererQuantifier)\n\n  registerGristEditor('activity-search-keys', GristEditorActivitySearchKeys)\n  registerGristRenderer('activity-search-keys', GristRendererActivitySearchKeys)\n}\n"]}
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,mDAAmD,CAAA;AAC1D,OAAO,iDAAiD,CAAA;AACxD,OAAO,mDAAmD,CAAA;AAE1D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAEhE,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,gBAAgB,IAAI,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AACtH,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAA;AACzF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAA;AAC7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAA;AACjG,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAA;AAClG,OAAO,EAAE,+BAA+B,EAAE,MAAM,sDAAsD,CAAA;AAEtG,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,CAAC;IAAA;QACC;YACE,QAAQ,EAAE,IAAI,CAAA,6EAA6E;YAC3F,OAAO,EAAE,kBAAkB;SAC5B;QACD;YACE,QAAQ,EAAE,IAAI,CAAA,yEAAyE;YACvF,OAAO,EAAE,gBAAgB;SAC1B;QACD;YACE,QAAQ,EAAE,IAAI,CAAA,6EAA6E;YAC3F,OAAO,EAAE,kBAAkB;SAC5B;KACF,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QAClC,KAAK,CAAC,QAAQ,CAAC;YACb,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE;gBACJ,QAAQ,EAAE,aAAa,CAAC,KAAK;gBAC7B,QAAQ,EAAE,IAAI,CAAA;;qBAED,KAAK,EAAC,CAAC,EAAC,EAAE;oBACjB,WAAW,CAAC,yBAAyB,EAAE;wBACrC,QAAQ;qBACT,CAAC,CAAA;gBACJ,CAAC;;;SAGJ;gBACD,OAAO;aACR;SACF,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,mBAAmB,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAA;IACtD,qBAAqB,CAAC,UAAU,EAAE,uBAAuB,CAAC,CAAA;IAC1D,mBAAmB,CAAC,YAAY,EAAE,uBAAuB,CAAC,CAAA;IAC1D,qBAAqB,CAAC,YAAY,EAAE,yBAAyB,CAAC,CAAA;IAE9D,mBAAmB,CAAC,sBAAsB,EAAE,6BAA6B,CAAC,CAAA;IAC1E,qBAAqB,CAAC,sBAAsB,EAAE,+BAA+B,CAAC,CAAA;AAChF,CAAC","sourcesContent":["import '@material/mwc-icon'\nimport './templates/activity-approval-context-template.js'\nimport './templates/activity-thread-context-template.js'\nimport './templates/activity-instance-context-template.js'\n\nimport { html } from 'lit-html'\nimport { store } from '@operato/shell'\nimport { openOverlay, TOOL_POSITION } from '@operato/layout'\nimport { APPEND_CONTEXT_TOOL } from '@things-factory/context-ui'\n\nimport { registerEditor as registerGristEditor, registerRenderer as registerGristRenderer } from '@operato/data-grist'\nimport { OxGristEditorDuration } from '@operato/grist-editor/ox-grist-editor-duration.js'\nimport { OxGristEditorQuantifier } from '@operato/grist-editor/ox-grist-editor-quantifier.js'\nimport { OxGristRendererDuration } from '@operato/grist-editor/ox-grist-renderer-duration.js'\nimport { OxGristRendererQuantifier } from '@operato/grist-editor/ox-grist-renderer-quantifier.js'\nimport { GristEditorActivitySearchKeys } from './grist-editor/grist-editor-activity-search-key.js'\nimport { GristRendererActivitySearchKeys } from './grist-editor/grist-renderer-activity-search-key.js'\n\nexport default function bootstrap() {\n  ;[\n    {\n      template: html` <activity-approval-context-template></activity-approval-context-template> `,\n      context: 'activityApproval'\n    },\n    {\n      template: html` <activity-thread-context-template></activity-thread-context-template> `,\n      context: 'activityThread'\n    },\n    {\n      template: html` <activity-instance-context-template></activity-instance-context-template> `,\n      context: 'activityInstance'\n    }\n  ].forEach(({ template, context }) => {\n    store.dispatch({\n      type: APPEND_CONTEXT_TOOL,\n      tool: {\n        position: TOOL_POSITION.FRONT,\n        template: html`\n          <mwc-icon\n            @click=${async e => {\n              openOverlay('context-toolbar-overlay', {\n                template\n              })\n            }}\n            >info</mwc-icon\n          >\n        `,\n        context\n      }\n    })\n  })\n\n  registerGristEditor('duration', OxGristEditorDuration)\n  registerGristRenderer('duration', OxGristRendererDuration)\n  registerGristEditor('quantifier', OxGristEditorQuantifier)\n  registerGristRenderer('quantifier', OxGristRendererQuantifier)\n\n  registerGristEditor('activity-search-keys', GristEditorActivitySearchKeys)\n  registerGristRenderer('activity-search-keys', GristRendererActivitySearchKeys)\n}\n"]}

package/dist-client/components/activity-starter-form.d.ts

@@ -1,6 +1,6 @@
-import '@material/mwc-button';
 import '@material/mwc-icon-button';
 import '@operato/property-editor/ox-properties-dynamic-view.js';
+import '@material/mwc-button';
 import '@things-factory/organization';
 import { LitElement } from 'lit';
 declare const ActivityStarterForm_base: (new (...args: any[]) => LitElement) & typeof LitElement;
@@ -13,9 +13,6 @@ export declare class ActivityStarterForm extends ActivityStarterForm_base {
     firstUpdated(): void;
     fetchActivity(id: any): Promise<void>;
     draftActivityInstance(): Promise<void>;
-    updateActivityInstance(): Promise<void>;
-    postActivityInstance(): Promise<void>;
-    onClickAssignees(): void;
-    onClickApprovalLine(): void;
+    openActivityInstanceStart(activityInstance: any): void;
 }
 export {};