@things-factory/worklist 10.1.247 → 10.1.248

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

@@ -1,557 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@operato/list-state/ox-page-state.js';
-import '@operato/property-editor/ox-properties-dynamic-view.js';
-import '@operato/board/ox-board-viewer.js';
-import '@things-factory/organization';
-import '../../components/activity-instance-ribon.js';
-import gql from 'graphql-tag';
-import { css, html } from 'lit';
-import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
-import { customElement, query, state } from 'lit/decorators.js';
-import { keyed } from 'lit/directives/keyed.js';
-import { client } from '@operato/graphql';
-import { i18next, localize } from '@operato/i18n';
-import { ranMutation } from '../../components/say-outcome.js';
-import { offersDiscard } from './discard-offer.js';
-import { navigate, PageView } from '@operato/shell';
-import { OxPrompt } from '@operato/popup';
-import { CommonButtonStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
-import { provider } from '@operato/board/board-provider.js';
-import { notify } from '@operato/layout';
-let ActivityInstanceStartPage = class ActivityInstanceStartPage extends localize(i18next)(PageView) {
-    constructor() {
-        super(...arguments);
-        this.activity = {};
-        this.activityInstance = {};
-        this.loaded = false;
-        this.loadError = null;
-    }
-    static { this.styles = [
-        /*
-         * The frame owns the page shell; what the task draws is the content it sizes (ADR-0060
-         * decision 8). `ox-board-viewer` asks for `height: 100%`, which needs a settled box around it.
-         */
-        WorkSurfacePageStyles,
-        ScrollbarStyles,
-        css `
-
-      ox-board-viewer {
-        width: 100%;
-        height: 100%;
-      }
-
-      #custom-content {
-        flex: 1;
-      }
-    `
-    ]; }
-    get context() {
-        const { startingType } = this.activity;
-        const { state } = this.activityInstance;
-        const issuable = state === 'draft';
-        return {
-            title: this.lifecycle?.params?.['title'] || i18next.t('title.activity'),
-            help: 'worklist/activity-instance-start-page',
-            /*
-             * 이 화면은 메뉴에 없다 — 「작성 중」에서 줄을 눌러 들어온다. 그래서 왼쪽 메뉴가 가리킬
-             * 항목이 없고, 표시가 사라져 들어온 사람이 자기가 어디에 있는지 잃는다.
-             *
-             * 어느 목록에서 열리는지는 이 화면이 안다. 그것을 적어 둔다.
-             */
-            menu: 'draft-list',
-            actions: [
-                offersDiscard(this.activityInstance) && {
-                    title: i18next.t('button.discard-draft'),
-                    action: this.discardDraft.bind(this),
-                    ...CommonButtonStyles.delete
-                },
-                issuable && {
-                    title: i18next.t('button.draft'),
-                    action: this.draftActivityInstance.bind(this),
-                    ...CommonButtonStyles.save
-                },
-                issuable && {
-                    title: i18next.t(startingType == 'issue' ? 'button.issue' : 'button.post'),
-                    action: this.issueActivityInstance.bind(this),
-                    ...CommonButtonStyles.submit
-                }
-            ].filter(Boolean /* truthy only */)
-            // activityInstance: this.activityInstance
-        };
-    }
-    render() {
-        /*
-         * Reading and failing both drew the same empty ribbon, so a task that could not be read looked
-         * like a task with nothing in it (ADR-0060 decision 8).
-         */
-        return html `<ox-page-state
-      .loading=${!this.loaded && !this.loadError}
-      .error=${this.loadError}
-      @retry=${() => this.lastId && this.fetchActivityInstance(this.lastId)}
-      >${this.renderActivity()}</ox-page-state
-    >`;
-    }
-    renderActivity() {
-        return html `
-      <activity-instance-ribon .activityInstance=${this.activityInstance}></activity-instance-ribon>
-
-      <div class="page-fill">${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() {
-        if (!this.activityInstance) {
-            return html ``;
-        }
-        const { uiSource: template } = this.activityInstance;
-        return unsafeHTML(template);
-    }
-    getInputSpec() {
-        const model = this.activity?.model;
-        return (model || [])
-            .filter(item => item.inout === 'in' || item.inout === 'inout')
-            .map(item => {
-            return { ...item, name: item.tag, label: item.tKey || item.name, property: item.options };
-        });
-    }
-    getOutputSpec() {
-        const model = this.activity?.model;
-        return (model || [])
-            .filter(item => item.inout === 'inout' || item.inout === 'out')
-            .map(item => {
-            return { ...item, name: item.tag, label: item.tKey || item.name, property: item.options };
-        });
-    }
-    generatedContent() {
-        if (!this.activityInstance) {
-            return html ``;
-        }
-        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 keyed(this.activityInstance.id, html `
-        <fieldset>
-          <legend>Input</legend>
-          <ox-properties-dynamic-view
-            data-name="input"
-            .props=${inputSpec}
-            .value=${input}
-            @property-change=${e => (this.activityInstance.input = e.currentTarget.value)}
-          ></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() {
-        if (!this.activityInstance) {
-            return html ``;
-        }
-        const { uiSource: boardId, input, output } = this.activityInstance;
-        if (!this.board || this.board.id !== boardId) {
-            this.board = { id: boardId };
-        }
-        /*
-          ox-board-viewer에서 provider에 의해 공급되는 board가 각 id별로 instance를 하나씩 밖에 가지지 않으므로,
-          동일한 id의 보드를 다른 page에 뺏기는 경우가 있다.
-          따라서, Page가 active될 때마다 타임스탬프를 refresh key로 설정하였다.
-          */
-        return keyed(this.activityInstance.id, html `
-        <ox-board-viewer
-          style="background-color: white;"
-          .board=${this.board}
-          .provider=${provider}
-          .values=${{ ...input, ...output }}
-          hide-fullscreen
-          hide-navigation
-        ></ox-board-viewer>
-      `);
-    }
-    customElementContent() {
-        if (!this.activityInstance) {
-            return html ``;
-        }
-        const { uiSource: tagName, input, output } = this.activityInstance;
-        if (!this.customHtmlElement) {
-            const element = document.createElement(tagName);
-            element.id = 'custom-content';
-            element.activityId = this.activityInstance.activity.id;
-            element.input = input;
-            element.output = output;
-            element.addEventListener('change-input', (e) => {
-                this.activityInstance.input = e.detail;
-            });
-            element.addEventListener('change-output', (e) => {
-                this.activityInstance.output = e.detail;
-            });
-            /* DEPRECATED 일반적으로 output만 수정될 가능성이 높기때문에, change 이벤트는 output을 수정하는 것으로 한다. */
-            element.addEventListener('change', (e) => {
-                this.activityInstance.output = e.detail;
-            });
-            this.customHtmlElement = element;
-        }
-        return this.customHtmlElement;
-    }
-    getInOutFromBoard() {
-        const inputSpec = this.getInputSpec();
-        const outputSpec = this.getOutputSpec();
-        const data = this.viewer?.getSceneValues() || {};
-        const input = inputSpec.reduce((input, spec) => {
-            input[spec.name] = data[spec.name];
-            return input;
-        }, {});
-        const output = outputSpec.reduce((output, spec) => {
-            output[spec.name] = data[spec.name];
-            return output;
-        }, {});
-        return [input, output];
-    }
-    updated(changes) {
-        if (changes.has('activityInstance')) {
-            this.updateContext();
-        }
-    }
-    async pageUpdated(changes, lifecycle, changedBefore) {
-        if (this.active && lifecycle.resourceId) {
-            this.fetchActivityInstance(lifecycle.resourceId);
-        }
-        else {
-            this.customHtmlElement = undefined;
-        }
-    }
-    async fetchActivityInstance(id) {
-        this.lastId = id;
-        this.loadError = null;
-        try {
-            const response = await client.query({
-                query: gql `
-          query activityInstance($id: String!) {
-            activityInstance(id: $id) {
-              id
-              name
-              description
-              state
-              activity {
-                id
-                startingType
-                model {
-                  name
-                  description
-                  active
-                  tag
-                  inout
-                  type
-                  unit
-                  options
-                  quantifier
-                  spec
-                }
-              }
-              thumbnail
-              input
-              output
-              uiType
-              uiSource
-              approvalLine {
-                type
-                value
-                participation
-                notifyAfter
-                approver {
-                  id
-                  name
-                  description
-                  controlNo
-                }
-              }
-              dueAt
-              createdAt
-            }
-          }
-        `,
-                variables: { id }
-            });
-            if (response.errors?.length || !response.data?.activityInstance) {
-                throw (response.errors?.[0] || new Error(i18next.t('error.activity-instance not found', { activityInstance: id })));
-            }
-            this.customHtmlElement = undefined;
-            this.activityInstance = response.data.activityInstance;
-            this.activity = this.activityInstance.activity;
-            this.loaded = true;
-        }
-        catch (error) {
-            this.loadError = error;
-        }
-    }
-    /* Asked once, since a discarded draft cannot come back; then back to the list it was opened from. */
-    async discardDraft() {
-        const { id } = this.activityInstance || {};
-        const sure = await OxPrompt.open({
-            type: 'warning',
-            title: i18next.t('text.discard-draft-confirm'),
-            text: i18next.t('text.discard-draft-for-good'),
-            confirmButton: { text: i18next.t('button.discard-draft'), destructive: true },
-            cancelButton: { text: i18next.t('button.cancel') }
-        });
-        if (!sure)
-            return;
-        const outcome = await ranMutation(() => client.mutate({
-            mutation: gql `
-          mutation ($id: String!) {
-            deleteDraftActivityInstance(id: $id)
-          }
-        `,
-            variables: { id }
-        }));
-        if (outcome.ok) {
-            notify({ message: i18next.t('text.draft-discarded') });
-            navigate('draft-list');
-        }
-    }
-    async draftActivityInstance() {
-        var { id: activityId } = this.activity;
-        var { id, name, description, priority, threadsMin, threadsMax, dueAt, input, output, reason, uiType, assignees, approvalLine } = this.activityInstance;
-        if (uiType === 'board') {
-            ;
-            [input, output] = this.getInOutFromBoard();
-        }
-        name ||= this.activity.name;
-        description ||= this.activity.description;
-        assignees ||= this.activity.assignees;
-        approvalLine ||= this.activity.approvalLine;
-        var activityInstance = {
-            id,
-            activityId,
-            name,
-            description,
-            priority,
-            threadsMax,
-            threadsMin,
-            dueAt,
-            input,
-            output,
-            reason,
-            assignees,
-            approvalLine
-        };
-        const outcome = await ranMutation(() => client.mutate({
-            mutation: gql `
-          mutation ($activityInstance: ActivityInstanceDraft!) {
-            draftActivityInstance(activityInstance: $activityInstance) {
-              id
-              name
-              description
-              input
-              output
-              state
-              activity {
-                id
-                startingType
-                model {
-                  name
-                  description
-                  active
-                  tag
-                  inout
-                  type
-                  unit
-                  options
-                  quantifier
-                  spec
-                }
-              }
-              assignees {
-                type
-                value
-                assignee {
-                  id
-                  name
-                  description
-                  controlNo
-                }
-              }
-              approvalLine {
-                type
-                value
-                participation
-                notifyAfter
-                approver {
-                  id
-                  name
-                  description
-                  controlNo
-                }
-              }
-              uiType
-              uiSource
-              threadsMin
-              threadsMax
-            }
-          }
-        `,
-            variables: { activityInstance }
-        }));
-        if (!outcome.ok) {
-            return;
-        }
-        this.customHtmlElement = undefined;
-        this.activityInstance = outcome.data.draftActivityInstance;
-        this.activity = this.activityInstance.activity;
-        notify({
-            message: i18next.t('text.info_x_successfully', {
-                x: `${i18next.t('label.activity-instance')} ${i18next.t('text.draft')}`
-            })
-        });
-    }
-    async issueActivityInstance() {
-        var { id, name, description, input, output, reason, uiType, threadsMin = 0, threadsMax = 0, assignees, approvalLine } = this.activityInstance;
-        if (uiType === 'board') {
-            ;
-            [input, output] = this.getInOutFromBoard();
-        }
-        const activityInstance = {
-            id,
-            name: name || this.activity.name,
-            description: description || this.activity.description,
-            threadsMin,
-            threadsMax,
-            input,
-            output,
-            reason,
-            assignees,
-            approvalLine
-        };
-        const outcome = await ranMutation(() => client.mutate({
-            mutation: gql `
-          mutation ($activityInstance: ActivityInstanceIssue!) {
-            issueActivityInstance(activityInstance: $activityInstance) {
-              id
-              name
-              description
-              input
-              output
-              state
-              activity {
-                id
-                startingType
-                model {
-                  name
-                  description
-                  active
-                  tag
-                  inout
-                  type
-                  unit
-                  options
-                  quantifier
-                  spec
-                }
-              }
-              assignees {
-                type
-                value
-                assignee {
-                  id
-                  name
-                  description
-                  controlNo
-                }
-              }
-              approvalLine {
-                type
-                value
-                participation
-                notifyAfter
-                approver {
-                  id
-                  name
-                  description
-                  controlNo
-                }
-              }
-              uiType
-              uiSource
-              threadsMin
-              threadsMax
-            }
-          }
-        `,
-            variables: { activityInstance }
-        }));
-        if (!outcome.ok) {
-            return;
-        }
-        this.customHtmlElement = undefined;
-        this.activityInstance = outcome.data.issueActivityInstance;
-        this.activity = this.activityInstance.activity;
-        notify({
-            message: i18next.t('text.info_x_successfully', {
-                x: `${i18next.t('label.activity-instance')} ${i18next.t('text.assign')}`
-            })
-        });
-    }
-};
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ActivityInstanceStartPage.prototype, "activity", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ActivityInstanceStartPage.prototype, "activityInstance", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ActivityInstanceStartPage.prototype, "board", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ActivityInstanceStartPage.prototype, "customHtmlElement", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ActivityInstanceStartPage.prototype, "loaded", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ActivityInstanceStartPage.prototype, "loadError", void 0);
-__decorate([
-    query('ox-board-viewer'),
-    __metadata("design:type", Object)
-], ActivityInstanceStartPage.prototype, "viewer", void 0);
-ActivityInstanceStartPage = __decorate([
-    customElement('activity-instance-start-page')
-], ActivityInstanceStartPage);
-export { ActivityInstanceStartPage };
-//# sourceMappingURL=activity-instance-start-page.js.map

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

@@ -1 +0,0 @@
-{"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/list-state/ox-page-state.js'\nimport '@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 { ranMutation } from '../../components/say-outcome.js'\nimport { offersDiscard } from './discard-offer.js'\nimport { navigate, PageView } from '@operato/shell'\nimport { OxPrompt } from '@operato/popup'\nimport { CommonButtonStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { provider } from '@operato/board/board-provider.js'\nimport { notify } from '@operato/layout'\n\n@customElement('activity-instance-start-page')\nexport class ActivityInstanceStartPage extends localize(i18next)(PageView) {\n  static styles = [\n    /*\n     * The frame owns the page shell; what the task draws is the content it sizes (ADR-0060\n     * decision 8). `ox-board-viewer` asks for `height: 100%`, which needs a settled box around it.\n     */\n    WorkSurfacePageStyles,\n    ScrollbarStyles,\n    css`\n\n      ox-board-viewer {\n        width: 100%;\n        height: 100%;\n      }\n\n      #custom-content {\n        flex: 1;\n      }\n    `\n  ]\n\n  @state() activity: any = {}\n  @state() activityInstance: any = {}\n  @state() board: any\n  @state() customHtmlElement: any\n  @state() loaded = false\n  @state() loadError: unknown = null\n\n  /** The id this screen last read, so retry asks for the same task. */\n  private lastId?: string\n\n  @query('ox-board-viewer') viewer: any\n\n  get context() {\n    const { startingType } = this.activity\n    const { state } = this.activityInstance\n\n    const issuable = state === 'draft'\n\n    return {\n      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        offersDiscard(this.activityInstance) && {\n          title: i18next.t('button.discard-draft'),\n          action: this.discardDraft.bind(this),\n          ...CommonButtonStyles.delete\n        },\n        issuable && {\n          title: i18next.t('button.draft'),\n          action: this.draftActivityInstance.bind(this),\n          ...CommonButtonStyles.save\n        },\n        issuable && {\n          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() {\n    /*\n     * Reading and failing both drew the same empty ribbon, so a task that could not be read looked\n     * like a task with nothing in it (ADR-0060 decision 8).\n     */\n    return html`<ox-page-state\n      .loading=${!this.loaded && !this.loadError}\n      .error=${this.loadError}\n      @retry=${() => this.lastId && this.fetchActivityInstance(this.lastId)}\n      >${this.renderActivity()}</ox-page-state\n    >`\n  }\n\n  renderActivity() {\n    return html`\n      <activity-instance-ribon .activityInstance=${this.activityInstance}></activity-instance-ribon>\n\n      <div class=\"page-fill\">${this.activityContent()}</div>\n    `\n  }\n\n  activityContent(): DirectiveResult {\n    switch (this.activityInstance?.uiType) {\n      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() {\n    if (!this.activityInstance) {\n      return html``\n    }\n\n    const { uiSource: template } = this.activityInstance\n    return unsafeHTML(template)\n  }\n\n  getInputSpec() {\n    const model = this.activity?.model\n\n    return (model || [])\n      .filter(item => item.inout === 'in' || item.inout === 'inout')\n      .map(item => {\n        return { ...item, name: item.tag, label: item.tKey || item.name, property: item.options }\n      })\n  }\n\n  getOutputSpec() {\n    const model = this.activity?.model\n\n    return (model || [])\n      .filter(item => item.inout === 'inout' || item.inout === 'out')\n      .map(item => {\n        return { ...item, name: item.tag, label: item.tKey || item.name, property: item.options }\n      })\n  }\n\n  generatedContent(): DirectiveResult {\n    if (!this.activityInstance) {\n      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) {\n      output = inputSpec\n        .filter(item => item.inout === 'inout')\n        .reduce((inout, item) => {\n          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 {\n    if (!this.activityInstance) {\n      return html``\n    }\n\n    const { uiSource: boardId, input, output } = this.activityInstance\n\n    if (!this.board || this.board.id !== boardId) {\n      this.board = { id: boardId }\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() {\n    if (!this.activityInstance) {\n      return html``\n    }\n\n    const { uiSource: tagName, input, output } = this.activityInstance\n\n    if (!this.customHtmlElement) {\n      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) => {\n        this.activityInstance.input = e.detail\n      })\n      element.addEventListener('change-output', (e: CustomEvent) => {\n        this.activityInstance.output = e.detail\n      })\n\n      /* DEPRECATED 일반적으로 output만 수정될 가능성이 높기때문에, change 이벤트는 output을 수정하는 것으로 한다. */\n      element.addEventListener('change', (e: CustomEvent) => {\n        this.activityInstance.output = e.detail\n      })\n\n      this.customHtmlElement = element\n    }\n\n    return this.customHtmlElement\n  }\n\n  getInOutFromBoard() {\n    const inputSpec = this.getInputSpec()\n    const outputSpec = this.getOutputSpec()\n    const data = this.viewer?.getSceneValues() || {}\n\n    const input = inputSpec.reduce((input, spec) => {\n      input[spec.name] = data[spec.name]\n      return input\n    }, {})\n\n    const output = outputSpec.reduce((output, spec) => {\n      output[spec.name] = data[spec.name]\n      return output\n    }, {})\n\n    return [input, output]\n  }\n\n  updated(changes) {\n    if (changes.has('activityInstance')) {\n      this.updateContext()\n    }\n  }\n\n  async pageUpdated(changes, lifecycle, changedBefore) {\n    if (this.active && lifecycle.resourceId) {\n      this.fetchActivityInstance(lifecycle.resourceId)\n    } else {\n      this.customHtmlElement = undefined\n    }\n  }\n\n  async fetchActivityInstance(id) {\n    this.lastId = id\n    this.loadError = null\n\n    try {\n      const response = await client.query({\n        query: gql`\n          query activityInstance($id: String!) {\n            activityInstance(id: $id) {\n              id\n              name\n              description\n              state\n              activity {\n                id\n                startingType\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              thumbnail\n              input\n              output\n              uiType\n              uiSource\n              approvalLine {\n                type\n                value\n                participation\n                notifyAfter\n                approver {\n                  id\n                  name\n                  description\n                  controlNo\n                }\n              }\n              dueAt\n              createdAt\n            }\n          }\n        `,\n        variables: { id }\n      })\n\n      if (response.errors?.length || !response.data?.activityInstance) {\n        throw (\n          response.errors?.[0] || new Error(i18next.t('error.activity-instance not found', { activityInstance: id }))\n        )\n      }\n\n      this.customHtmlElement = undefined\n      this.activityInstance = response.data.activityInstance\n      this.activity = this.activityInstance.activity\n      this.loaded = true\n    } catch (error) {\n      this.loadError = error\n    }\n  }\n\n  /* Asked once, since a discarded draft cannot come back; then back to the list it was opened from. */\n  async discardDraft() {\n    const { id } = this.activityInstance || {}\n\n    const sure = await OxPrompt.open({\n      type: 'warning',\n      title: i18next.t('text.discard-draft-confirm'),\n      text: i18next.t('text.discard-draft-for-good'),\n      confirmButton: { text: i18next.t('button.discard-draft'), destructive: true },\n      cancelButton: { text: i18next.t('button.cancel') }\n    })\n\n    if (!sure) return\n\n    const outcome = await ranMutation(() =>\n      client.mutate({\n        mutation: gql`\n          mutation ($id: String!) {\n            deleteDraftActivityInstance(id: $id)\n          }\n        `,\n        variables: { id }\n      })\n    )\n\n    if (outcome.ok) {\n      notify({ message: i18next.t('text.draft-discarded') })\n      navigate('draft-list')\n    }\n  }\n\n  async draftActivityInstance() {\n    var { id: activityId } = this.activity\n    var {\n      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') {\n      ;[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 = {\n      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 outcome = await ranMutation(() =>\n      client.mutate({\n        mutation: gql`\n          mutation ($activityInstance: ActivityInstanceDraft!) {\n            draftActivityInstance(activityInstance: $activityInstance) {\n              id\n              name\n              description\n              input\n              output\n              state\n              activity {\n                id\n                startingType\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              assignees {\n                type\n                value\n                assignee {\n                  id\n                  name\n                  description\n                  controlNo\n                }\n              }\n              approvalLine {\n                type\n                value\n                participation\n                notifyAfter\n                approver {\n                  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 (!outcome.ok) {\n      return\n    }\n\n    this.customHtmlElement = undefined\n    this.activityInstance = outcome.data.draftActivityInstance\n    this.activity = this.activityInstance.activity\n\n    notify({\n      message: i18next.t('text.info_x_successfully', {\n        x: `${i18next.t('label.activity-instance')} ${i18next.t('text.draft')}`\n      })\n    })\n  }\n\n  async issueActivityInstance() {\n    var {\n      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') {\n      ;[input, output] = this.getInOutFromBoard()\n    }\n\n    const activityInstance = {\n      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 outcome = await ranMutation(() =>\n      client.mutate({\n        mutation: gql`\n          mutation ($activityInstance: ActivityInstanceIssue!) {\n            issueActivityInstance(activityInstance: $activityInstance) {\n              id\n              name\n              description\n              input\n              output\n              state\n              activity {\n                id\n                startingType\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              assignees {\n                type\n                value\n                assignee {\n                  id\n                  name\n                  description\n                  controlNo\n                }\n              }\n              approvalLine {\n                type\n                value\n                participation\n                notifyAfter\n                approver {\n                  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 (!outcome.ok) {\n      return\n    }\n\n    this.customHtmlElement = undefined\n    this.activityInstance = outcome.data.issueActivityInstance\n    this.activity = this.activityInstance.activity\n\n    notify({\n      message: i18next.t('text.info_x_successfully', {\n        x: `${i18next.t('label.activity-instance')} ${i18next.t('text.assign')}`\n      })\n    })\n  }\n}\n"]}

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

@@ -1,36 +0,0 @@
-import '@things-factory/organization/dist-client/component/approval-line-view.js';
-import { LitElement, nothing } from 'lit';
-import { ActivityInstance } from '../../types/activity-instance.js';
-import { ActivityThread } from '../../types/activity-thread.js';
-import { ActivityApproval } from '../../types/activity-approval.js';
-declare const ActivityInstanceView_base: (new (...args: any[]) => LitElement) & typeof LitElement;
-export declare class ActivityInstanceView extends ActivityInstanceView_base {
-    static styles: import("lit").CSSResult[];
-    activityInstanceId?: string;
-    activityInstance?: ActivityInstance;
-    render(): import("lit-html").TemplateResult<1>;
-    /**
-     * What was asked - the same drawing the task and approval screens use.
-     *
-     * 상신함 opens what I put up here. Without this the view showed the name, the state and the
-     * history, and not the request itself: an expenditure request's payee and lines live only in its
-     * decision, every model field being hidden. The declaration goes first and the given values are
-     * the fallback, as on the task screen (thread-sections).
-     */
-    renderRequest(): typeof nothing | import("lit-html").TemplateResult;
-    renderActivityThread(activityInstance: ActivityInstance, activityThread: ActivityThread): import("lit-html").TemplateResult<1>;
-    renderActivityApproval(activityApproval: ActivityApproval): import("lit-html").TemplateResult<1>;
-    renderSearchKeys(): import("lit-html").TemplateResult<1>;
-    /**
-     * What the assignee wrote - the fields the model declares as output and does not hide.
-     *
-     * This listed every model field by its developer name, hidden ones too, with the value read from the
-     * output: an expenditure request showed requestId · month · requester · payee · lines, all empty,
-     * under 「산출물」. 상신함 opens this view for anyone who put something up, so it draws what the task
-     * screen draws, and nothing when the activity has nothing to write.
-     */
-    renderWritten(output: any): import("lit-html").TemplateResult<1> | typeof nothing;
-    updated(changes: any): void;
-    fetchActivityInstance(): Promise<void>;
-}
-export {};