@things-factory/worklist 10.1.246 → 10.1.248

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

@@ -1,600 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@operato/data-grist';
-import './activity-model-item-list.js';
-import gql from 'graphql-tag';
-import { css, html } from 'lit';
-import { customElement, property, query, state } from 'lit/decorators.js';
-import { DataGrist, getEditor, getRenderer } from '@operato/data-grist';
-import { client } from '@operato/graphql';
-import { i18next, localize } from '@operato/i18n';
-import { ranMutation } from '../../components/say-outcome.js';
-import { notify, openPopup } from '@operato/layout';
-import { PageView } from '@operato/shell';
-import { CommonButtonStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
-import { adjustFilters, isMobileDevice } from '@operato/utils';
-import { activityStateCounts } from '../../activity-state-counts.js';
-import { ActivityStartingTypes, ActivityTypes, ActivityUITypes } from '../../types/types.js';
-import { priorityCell } from '../../activity-cells.js';
-import { poolNames, poolPatch, withPoolIds } from './assignee-roles-cell.js';
-export const ActivityStatus = [
-    { display: '', value: '' },
-    { display: i18next.t('label.activity-state-draft'), value: 'draft' },
-    { display: i18next.t('label.activity-state-released'), value: 'released' },
-    { display: i18next.t('label.activity-state-deprecated'), value: 'deprecated' }
-];
-let ActivityListPage = class ActivityListPage extends localize(i18next)(PageView) {
-    constructor() {
-        super(...arguments);
-        this.mode = isMobileDevice() ? 'CARD' : 'GRID';
-        this.filters = ['released'];
-        /** How many activities each state chip would show under the list's other conditions. */
-        this.stateCounts = new Map();
-        /* This domain's roles, for the pool column - read once when the page opens. */
-        this.roleOptions = [];
-    }
-    static { this.styles = [
-        /* The work surface frame for a list screen (ADR-0060 decision 8). */
-        WorkSurfacePageStyles,
-        ScrollbarStyles,
-        CommonHeaderStyles,
-        css `
-      :host {
-        --grid-record-emphasized-background-color: #8b0000;
-        --grid-record-emphasized-color: #ff6b6b;
-      }
-
-      .header {         grid-template-areas: 'filters actions';
- }
-    `
-    ]; }
-    get context() {
-        return { title: i18next.t('title.activity list'),
-            search: { handler: (search) => {
-                    this.grist.searchText = search;
-                },
-                value: this.grist?.searchText || '' },
-            filter: { handler: () => {
-                    this.grist.toggleHeadroom();
-                }
-            },
-            help: 'worklist/activity',
-            actions: [
-                { title: i18next.t('button.save'),
-                    action: this.updateActivity.bind(this),
-                    ...CommonButtonStyles.save
-                }
-            ] };
-    }
-    render() {
-        const mode = this.mode;
-        return html `
-      <ox-grist class="page-fill" .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
-        <div slot="headroom" class="header">
-          <div class="filters">
-            <ox-input-select-buttons
-              .value=${this.filters}
-              .options=${[
-            { display: i18next.t('label.filter-draft'),
-                value: 'draft'
-            },
-            { display: i18next.t('label.filter-released'),
-                value: 'released'
-            },
-            { display: i18next.t('label.filter-deprecated'),
-                value: 'deprecated'
-            }
-        ].map(chip => ({ ...chip, count: this.stateCounts.get(chip.value) ?? 0 }))}
-              @change=${(e) => {
-            this.filters = e.currentTarget?.value;
-            this.grist.fetch();
-        }}
-            ></ox-input-select-buttons>
-          </div>
-
-        </div>
-      </ox-grist>
-    `;
-    }
-    async pageInitialized(lifecycle) {
-        this.roleOptions = await this.readRoleOptions();
-        this.gristConfig = { list: { thumbnail: 'thumbnail',
-                fields: ['name', 'description'],
-                details: ['updatedAt']
-            },
-            columns: [
-                { type: 'gutter', gutterName: 'sequence' },
-                { type: 'gutter', gutterName: 'row-selector', multiple: true },
-                { type: 'gutter',
-                    gutterName: 'button',
-                    icon: record => (!record ? 'calendar_add_on' : !record.id || !record.scheduleId ? '' : 'event_available'),
-                    title: i18next.t('button.schedule-task'),
-                    handlers: { click: (columns, data, column, record, rowIndex) => {
-                            if (!record || !record.id || (!record.scheduleId && !record.schedule)) {
-                                return;
-                            }
-                            if (record.scheduleId) {
-                                this.stopActivitySchedule(record);
-                            }
-                            else {
-                                this.startActivitySchedule(record);
-                            }
-                        }
-                    }
-                },
-                { type: 'gutter',
-                    gutterName: 'button',
-                    icon: record => (!record ? 'reorder' : record.id ? 'reorder' : ''),
-                    iconOnly: false,
-                    title: record => (!record ? i18next.t('button.detail') : record.id ? i18next.t('button.detail') : ''),
-                    width: 72,
-                    handlers: { click: (columns, data, column, record, rowIndex) => {
-                            if (!record.id)
-                                return;
-                            const popup = openPopup(html ` <activity-model-item-list .activity=${record}></activity-model-item-list> `, { backdrop: true,
-                                help: 'worklist/activity/activity-model-item-list',
-                                size: 'large',
-                                title: i18next.t('title.activity model item list')
-                            });
-                            popup.onclosed = () => {
-                                this.grist?.fetch();
-                            };
-                        }
-                    }
-                },
-                { type: 'string',
-                    name: 'name',
-                    header: i18next.t('field.name'),
-                    record: { editable: true
-                    },
-                    filter: 'search',
-                    sortable: true,
-                    width: 175
-                },
-                { type: 'string',
-                    name: 'description',
-                    header: i18next.t('field.description'),
-                    record: { editable: true
-                    },
-                    filter: 'search',
-                    width: 225
-                },
-                { type: 'approval-line',
-                    name: 'approvalLine',
-                    header: i18next.t('field.approval-line'),
-                    record: { editable: true,
-                        align: 'center'
-                    },
-                    width: 60
-                },
-                { type: 'select',
-                    name: 'state',
-                    header: i18next.t('field.status'),
-                    record: { editable: true,
-                        options: ActivityStatus
-                    },
-                    filter: true,
-                    width: 75
-                },
-                { type: 'select',
-                    name: 'activityType',
-                    label: true,
-                    header: i18next.t('field.activity-type'),
-                    record: { editable: true,
-                        options: ActivityTypes
-                    },
-                    sortable: true,
-                    width: 75
-                },
-                { type: 'select',
-                    name: 'startingType',
-                    label: true,
-                    header: i18next.t('field.starting-type'),
-                    record: { editable: true,
-                        options: ActivityStartingTypes
-                    },
-                    sortable: true,
-                    width: 75
-                },
-                { type: 'select',
-                    name: 'multiple',
-                    header: i18next.t('field.multiple'),
-                    record: { editable: true,
-                        options: [
-                            { display: '', value: '' },
-                            { display: 'Single', value: 'single' },
-                            { display: 'Parallel', value: 'parallel' },
-                            { display: 'Sequential', value: 'sequential' }
-                        ]
-                    },
-                    width: 90
-                },
-                { type: 'activity-search-keys',
-                    name: 'searchKeys',
-                    label: true,
-                    header: i18next.t('field.search-keys'),
-                    record: { editable: true
-                    },
-                    width: 60
-                },
-                { type: 'number',
-                    name: 'priority',
-                    header: i18next.t('field.priority'),
-                    record: {
-                        editable: false,
-                        align: 'center',
-                        renderer: priorityCell()
-                    },
-                    width: 75
-                },
-                { type: 'crontab',
-                    name: 'schedule',
-                    label: true,
-                    header: i18next.t('field.schedule'),
-                    record: { editable: true,
-                        options: { objectified: true
-                        }
-                    },
-                    width: 80
-                },
-                { type: 'timezone',
-                    name: 'timezone',
-                    header: i18next.t('field.timezone'),
-                    record: { editable: true
-                    },
-                    width: 120
-                },
-                { type: 'image',
-                    name: 'thumbnail',
-                    header: i18next.t('field.thumbnail'),
-                    record: { editable: true },
-                    width: 120
-                },
-                { type: 'resource-object',
-                    name: 'issuerRole',
-                    header: i18next.t('field.issuer-role'),
-                    record: { editable: true,
-                        options: { title: i18next.t('title.lookup role'),
-                            queryName: 'roles'
-                        }
-                    },
-                    filter: 'search',
-                    width: 85
-                },
-                { type: 'multiple-select',
-                    name: 'assigneeRoleIds',
-                    header: i18next.t('field.assignee-role'),
-                    record: { editable: true,
-                        /* Anyone holding any one of them may pick up a case (ADR-0091 decision 9). */
-                        options: () => this.roleOptions,
-                        renderer: (value) => poolNames(value, this.roleOptions)
-                    },
-                    width: 120 },
-                { type: 'resource-object',
-                    name: 'supervisoryRole',
-                    header: i18next.t('field.supervisory-role'),
-                    record: { editable: true,
-                        options: { title: i18next.t('title.lookup role'),
-                            queryName: 'roles'
-                        }
-                    },
-                    filter: 'search',
-                    width: 85
-                },
-                { type: 'assignees',
-                    name: 'assignees',
-                    header: i18next.t('field.assignees'),
-                    record: { editable: true
-                    },
-                    width: 80
-                },
-                { type: 'select',
-                    name: 'uiType',
-                    label: true,
-                    header: i18next.t('field.ui-type'),
-                    record: { editable: true,
-                        options: ActivityUITypes
-                    },
-                    width: 80
-                },
-                { type: 'string',
-                    name: 'uiSource',
-                    header: i18next.t('field.ui-source'),
-                    record: { editable: true,
-                        editor: function (value, column, record, rowIndex, field) {
-                            var type = record.uiType !== 'board' ? 'script' : 'board';
-                            return getEditor(type)(value, column, record, rowIndex, field);
-                        },
-                        renderer: function (value, column, record, rowIndex, field) {
-                            var type = record.uiType !== 'board' ? 'script' : 'board';
-                            return getRenderer(type)(value, column, record, rowIndex, field);
-                        }
-                    },
-                    width: 140
-                },
-                { type: 'select',
-                    name: 'viewType',
-                    label: true,
-                    header: i18next.t('field.view-type'),
-                    record: { editable: true,
-                        options: ActivityUITypes
-                    },
-                    width: 80
-                },
-                { type: 'string',
-                    name: 'viewSource',
-                    header: i18next.t('field.view-source'),
-                    record: { editable: true,
-                        editor: function (value, column, record, rowIndex, field) {
-                            var type = record.viewType !== 'board' ? 'script' : 'board';
-                            return getEditor(type)(value, column, record, rowIndex, field);
-                        },
-                        renderer: function (value, column, record, rowIndex, field) {
-                            var type = record.viewType !== 'board' ? 'script' : 'board';
-                            return getRenderer(type)(value, column, record, rowIndex, field);
-                        }
-                    },
-                    width: 140
-                },
-                { type: 'select',
-                    name: 'reportType',
-                    label: true,
-                    header: i18next.t('field.report-type'),
-                    record: { editable: true,
-                        options: ActivityUITypes
-                    },
-                    width: 80
-                },
-                { type: 'string',
-                    name: 'reportSource',
-                    header: i18next.t('field.report-source'),
-                    record: { editable: true,
-                        editor: function (value, column, record, rowIndex, field) {
-                            var type = record.reportType !== 'board' ? 'script' : 'board';
-                            return getEditor(type)(value, column, record, rowIndex, field);
-                        },
-                        renderer: function (value, column, record, rowIndex, field) {
-                            var type = record.reportType !== 'board' ? 'script' : 'board';
-                            return getRenderer(type)(value, column, record, rowIndex, field);
-                        }
-                    },
-                    width: 140
-                },
-                { type: 'duration',
-                    name: 'standardTime',
-                    header: i18next.t('field.standard-time'),
-                    record: { editable: true
-                    },
-                    sortable: true,
-                    width: 105
-                },
-                { type: 'resource-object',
-                    name: 'updater',
-                    header: i18next.t('field.updater'),
-                    record: { editable: false
-                    },
-                    sortable: true,
-                    width: 85
-                },
-                { type: 'datetime',
-                    name: 'updatedAt',
-                    header: i18next.t('field.updated_at'),
-                    record: { editable: false
-                    },
-                    sortable: true,
-                    width: 180
-                }
-            ],
-            rows: { selectable: { multiple: true
-                },
-                handlers: { click: 'select-row-toggle'
-                }
-            },
-            sorters: [
-                { name: 'name'
-                }
-            ] };
-    }
-    async fetchHandler({ page, limit, sortings = [], filters = [] }) {
-        activityStateCounts(filters)
-            .then(counts => (this.stateCounts = counts))
-            .catch(e => console.error(e));
-        const status = ['draft', 'released', 'deprecated'].filter(state => this.filters?.includes(state));
-        if (status.length > 0) {
-            filters = adjustFilters(filters, [{ name: 'state', operator: 'in', value: status }]);
-        }
-        const response = await client.query({ query: gql `
-        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {           responses: activities(filters: $filters, pagination: $pagination, sortings: $sortings) {             items {               id
-              name
-              description
-              activityType
-              searchKeys {                 name
-                description
-                inputKey
-                tKey
- }
-              state
-              model {                 name
-                description
-                active
-                tag
-                inout
-                type
-                unit
-                options
-                quantifier
-                spec
- }
-              thumbnail
-              priority
-              issuerRole {                 id
-                name
- }
-              assigneeRoles {                 id
-                name
- }
-              supervisoryRole {                 id
-                name
- }
-              assignees {                 type
-                value
-                assignee {                   id
-                  name
-                  description
-                  controlNo
- }
- }
-              approvalLine {                 type
-                value
-                participation
-                notifyAfter
-                approver {                   id
-                  name
-                  description
-                  controlNo
- }
- }
-              uiType
-              uiSource
-              viewType
-              viewSource
-              reportType
-              reportSource
-              startingType
-              multiple
-              schedule
-              timezone
-              scheduleId
-              standardTime
-              updater {                 id
-                name
- }
-              updatedAt
- }
-            total
- }
- }
-      `,
-            variables: { filters,
-                pagination: { page, limit },
-                sortings
-            }
-        });
-        return { total: response.data.responses.total || 0,
-            records: (response.data.responses.items || []).map(withPoolIds)
-        };
-    }
-    async readRoleOptions() {
-        const response = await client.query({ query: gql `
-        query {           roles(filters: [], pagination: { page: 1, limit: 1000 }, sortings: [{ name: "name" }]) {             items {               id
-              name
- }
- }
- }
-      `
-        });
-        return (response.data?.roles?.items || []).map((role) => ({ display: role.name, value: role.id }));
-    }
-    async updateActivity() {
-        let patches = this.grist?.dirtyRecords;
-        if (patches && patches.length) {
-            patches = patches.map(patch => {
-                let patchField = patch.id ? { id: patch.id } : {};
-                const dirtyFields = patch.__dirtyfields__;
-                for (let key in dirtyFields) {
-                    patchField[key] = dirtyFields[key].after;
-                }
-                patchField.cuFlag = patch.__dirty__;
-                return poolPatch(patchField);
-            });
-            const outcome = await ranMutation(() => client.mutate({ mutation: gql `
-          mutation ($patches: [ActivityPatch!]!) {             updateMultipleActivity(patches: $patches) {               name
- }
- }
-        `,
-                variables: { patches
-                },
-                context: { hasUpload: true
-                }
-            }));
-            if (outcome.ok) {
-                this.grist?.fetch();
-            }
-        }
-    }
-    async startActivitySchedule(record) {
-        /*
-         * This read response.data.startActivitySchedule.scheduleId straight off the answer. A refused
-         * mutation resolves with null data under errorPolicy: 'all', so the failure did not go quiet —
-         * it threw a TypeError on the null, and the message below never ran either way.
-         *
-         * Its sibling stopActivitySchedule already reported both outcomes; this one did not.
-         */
-        const outcome = await ranMutation(() => client.mutate({
-            mutation: gql `
-        mutation ($activityId: String!) {
-          startActivitySchedule(activityId: $activityId) {
-            scheduleId
-          }
-        }
-      `,
-            variables: {
-                activityId: record.id
-            }
-        }));
-        if (!outcome.ok) {
-            this.grist.fetch();
-            return;
-        }
-        record.scheduleId = outcome.data.startActivitySchedule?.scheduleId;
-        notify({ level: 'info',
-            message: `success to start activity schedule : ${record.name}`
-        });
-        this.grist.fetch();
-    }
-    async stopActivitySchedule(record) {
-        var response = await client.mutate({ mutation: gql `
-        mutation ($activityId: String!) {           stopActivitySchedule(activityId: $activityId) {             scheduleId
- }
- }
-      `,
-            variables: { activityId: record.id
-            }
-        });
-        if (!response.errors) {
-            notify({ level: 'info',
-                message: `success to stop activity schedule : ${record.name}`
-            });
-        }
-        else {
-            notify({ level: 'error',
-                message: `${response.errors.map(error => error.message).join('\n')}`
-            });
-        }
-        this.grist.fetch();
-    }
-};
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], ActivityListPage.prototype, "gristConfig", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], ActivityListPage.prototype, "mode", void 0);
-__decorate([
-    query('ox-grist'),
-    __metadata("design:type", DataGrist)
-], ActivityListPage.prototype, "grist", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], ActivityListPage.prototype, "filters", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ActivityListPage.prototype, "stateCounts", void 0);
-ActivityListPage = __decorate([
-    customElement('activity-list-page')
-], ActivityListPage);
-export { ActivityListPage };
-//# sourceMappingURL=activity-list-page.js.map