@things-factory/worklist 9.0.0-beta.24 → 9.0.0-beta.27

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

@@ -1,697 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@operato/data-grist';
-import '@operato/context/ox-context-page-toolbar.js';
-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 { connect } from 'pwa-helpers/connect-mixin.js';
-import moment from '@operato/moment-timezone-es';
-import { DataGrist, getEditor, getRenderer } from '@operato/data-grist';
-import { client } from '@operato/graphql';
-import { i18next, localize } from '@operato/i18n';
-import { notify, openPopup } from '@operato/layout';
-import { PageView, store } from '@operato/shell';
-import { CommonButtonStyles, CommonHeaderStyles, ScrollbarStyles } from '@operato/styles';
-import { adjustFilters, isMobileDevice } from '@operato/utils';
-import { ActivityStartingTypes, ActivityTypes, ActivityUITypes } from '../../types/types.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' }
-];
-function getSystemTimeZone() {
-    try {
-        const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-        if (!timeZone) {
-            throw new Error('Unable to resolve timeZone');
-        }
-        return timeZone;
-    }
-    catch (e) {
-        console.warn('Failed to get system timeZone, falling back to UTC.', e);
-        return 'UTC';
-    }
-}
-const DEFAULT_TZ = getSystemTimeZone();
-const TIMEZONE_OPTIONS = ['', DEFAULT_TZ, ...moment.tz.names().filter(tz => tz !== DEFAULT_TZ)];
-let ActivityListPage = class ActivityListPage extends connect(store)(localize(i18next)(PageView)) {
-    constructor() {
-        super(...arguments);
-        this.mode = isMobileDevice() ? 'CARD' : 'GRID';
-        this.filters = ['released'];
-    }
-    get context() {
-        var _a;
-        return {
-            title: i18next.t('title.activity list'),
-            search: {
-                handler: (search) => {
-                    this.grist.searchText = search;
-                },
-                value: ((_a = this.grist) === null || _a === void 0 ? void 0 : _a.searchText) || ''
-            },
-            filter: {
-                handler: () => {
-                    this.grist.toggleHeadroom();
-                }
-            },
-            help: 'worklist/activity',
-            actions: [
-                Object.assign({ title: i18next.t('button.save'), action: this.updateActivity.bind(this) }, CommonButtonStyles.save)
-            ],
-            toolbar: false
-        };
-    }
-    render() {
-        const mode = this.mode;
-        return html `
-      <ox-grist .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'
-            }
-        ]}
-              @change=${(e) => {
-            var _a;
-            this.filters = (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.value;
-            this.grist.fetch();
-        }}
-            ></ox-input-select-buttons>
-          </div>
-
-          <ox-context-page-toolbar class="actions" .context=${this.context}></ox-context-page-toolbar>
-        </div>
-      </ox-grist>
-    `;
-    }
-    async pageInitialized(lifecycle) {
-        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 = () => {
-                                var _a;
-                                (_a = this.grist) === null || _a === void 0 ? void 0 : _a.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: true,
-                        align: 'center',
-                        renderer: function (value, column, record, rowIndex, field) {
-                            const color = ['', '#98FB98', '#87CEEB', '#FF6B6B', '#8B0000'][value || 0];
-                            const count = new Array(value > 4 ? 4 : value || 0).fill('');
-                            return html `${count.map(() => html `<md-icon style="color:${color};">star</md-icon>`)}`;
-                        }
-                    },
-                    width: 75
-                },
-                {
-                    type: 'crontab',
-                    name: 'schedule',
-                    label: true,
-                    header: i18next.t('field.schedule'),
-                    record: {
-                        editable: true,
-                        options: {
-                            objectified: true
-                        }
-                    },
-                    width: 80
-                },
-                {
-                    type: 'select',
-                    name: 'timezone',
-                    header: i18next.t('field.timezone'),
-                    record: {
-                        editable: true,
-                        options: TIMEZONE_OPTIONS
-                    },
-                    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: 'resource-object',
-                    name: 'assigneeRole',
-                    header: i18next.t('field.assignee-role'),
-                    record: {
-                        editable: true,
-                        options: {
-                            title: i18next.t('title.lookup role'),
-                            queryName: 'roles'
-                        }
-                    },
-                    filter: 'search',
-                    width: 85
-                },
-                {
-                    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 = [] }) {
-        const status = ['draft', 'released', 'deprecated'].filter(state => { var _a; return (_a = this.filters) === null || _a === void 0 ? void 0 : _a.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
-              }
-              assigneeRole {
-                id
-                name
-              }
-              supervisoryRole {
-                id
-                name
-              }
-              assignees {
-                type
-                value
-                assignee {
-                  id
-                  name
-                  description
-                  controlNo
-                }
-              }
-              approvalLine {
-                type
-                value
-                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 || []
-        };
-    }
-    async updateActivity() {
-        var _a, _b;
-        let patches = (_a = this.grist) === null || _a === void 0 ? void 0 : _a.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 patchField;
-            });
-            const response = await client.mutate({
-                mutation: gql `
-          mutation ($patches: [ActivityPatch!]!) {
-            updateMultipleActivity(patches: $patches) {
-              name
-            }
-          }
-        `,
-                variables: {
-                    patches
-                },
-                context: {
-                    hasUpload: true
-                }
-            });
-            if (!response.errors) {
-                (_b = this.grist) === null || _b === void 0 ? void 0 : _b.fetch();
-            }
-        }
-    }
-    async startActivitySchedule(record) {
-        var response = await client.mutate({
-            mutation: gql `
-        mutation ($activityId: String!) {
-          startActivitySchedule(activityId: $activityId) {
-            scheduleId
-          }
-        }
-      `,
-            variables: {
-                activityId: record.id
-            }
-        });
-        const scheduleId = response.data.startActivitySchedule.scheduleId;
-        record.scheduleId = scheduleId;
-        notify({
-            level: 'info',
-            message: `${record.scheduleId ? 'success' : 'fail'} 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();
-    }
-};
-ActivityListPage.styles = [
-    ScrollbarStyles,
-    CommonHeaderStyles,
-    css `
-      :host {
-        display: flex;
-
-        width: 100%;
-
-        --grid-record-emphasized-background-color: #8b0000;
-        --grid-record-emphasized-color: #ff6b6b;
-      }
-
-      ox-grist {
-        overflow-y: auto;
-        flex: 1;
-      }
-
-      .header {
-        grid-template-areas: 'filters actions';
-      }
-    `
-];
-__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);
-ActivityListPage = __decorate([
-    customElement('activity-list-page')
-], ActivityListPage);
-export { ActivityListPage };
-//# sourceMappingURL=activity-list-page.js.map