@things-factory/worklist 5.0.7 → 5.0.13

package/dist-client/pages/activity-template/activity-template-importer.js

@@ -0,0 +1,98 @@
+import '@operato/data-grist';
+import gql from 'graphql-tag';
+import { css, html, LitElement } from 'lit';
+import { client } from '@operato/graphql';
+import { i18next } from '@operato/i18n';
+import { isMobileDevice } from '@operato/utils';
+export class ActivityTemplateImporter extends LitElement {
+    static get properties() {
+        return {
+            columns: Object,
+            activityTemplates: Array
+        };
+    }
+    constructor() {
+        super();
+        this.columns = {
+            list: { fields: ['name', 'description'] },
+            pagination: { infinite: true },
+            columns: [
+                {
+                    type: 'string',
+                    name: 'name',
+                    header: i18next.t('field.name'),
+                    width: 150
+                },
+                {
+                    type: 'string',
+                    name: 'description',
+                    header: i18next.t('field.description'),
+                    width: 200
+                },
+                {
+                    type: 'checkbox',
+                    name: 'active',
+                    header: i18next.t('field.active'),
+                    width: 60
+                }
+            ]
+        };
+    }
+    static get styles() {
+        return [
+            css `
+        :host {
+          display: flex;
+          flex-direction: column;
+
+          background-color: #fff;
+        }
+
+        ox-grist {
+          flex: 1;
+        }
+
+        .button-container {
+          display: flex;
+          margin-left: auto;
+          padding: var(--padding-default);
+        }
+
+        mwc-button {
+          margin-left: var(--margin-default);
+        }
+      `
+        ];
+    }
+    render() {
+        return html `
+      <ox-grist
+        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
+        .config=${this.columns}
+        .data=${{
+            records: this.activityTemplates
+        }}
+      ></ox-grist>
+
+      <div class="button-container">
+        <mwc-button raised @click="${this.save.bind(this)}">${i18next.t('button.save')}</mwc-button>
+      </div>
+    `;
+    }
+    async save() {
+        var _a;
+        const response = await client.mutate({
+            mutation: gql `
+        mutation importActivityTemplates($activityTemplates: [ActivityTemplatePatch!]!) {
+          importActivityTemplates(activityTemplates: $activityTemplates)
+        }
+      `,
+            variables: { activityTemplates: this.activityTemplates }
+        });
+        if ((_a = response.error) === null || _a === void 0 ? void 0 : _a.length)
+            return;
+        this.dispatchEvent(new CustomEvent('imported'));
+    }
+}
+window.customElements.define('activity-template-importer', ActivityTemplateImporter);
+//# sourceMappingURL=activity-template-importer.js.map

package/dist-client/pages/activity-template/activity-template-importer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-template-importer.js","sourceRoot":"","sources":["../../../client/pages/activity-template/activity-template-importer.js"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAA;AAE5B,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,OAAO,wBAAyB,SAAQ,UAAU;IACtD,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,OAAO,EAAE,MAAM;YACf,iBAAiB,EAAE,KAAK;SACzB,CAAA;IACH,CAAC;IAED;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,OAAO,GAAG;YACb,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE;YACzC,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;YAC9B,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;oBAC/B,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,aAAa;oBACnB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;oBACtC,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,QAAQ;oBACd,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;oBACjC,KAAK,EAAE,EAAE;iBACV;aACF;SACF,CAAA;IACH,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;OAqBF;SACF,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;kBAChC,IAAI,CAAC,OAAO;gBAEpB;YACE,OAAO,EAAE,IAAI,CAAC,iBAAiB;SAEnC;;;;qCAI6B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;;KAEjF,CAAA;IACH,CAAC;IAED,KAAK,CAAC,IAAI;;QACR,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;YACnC,QAAQ,EAAE,GAAG,CAAA;;;;OAIZ;YACD,SAAS,EAAE,EAAE,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE;SACzD,CAAC,CAAA;QAEF,IAAI,MAAA,QAAQ,CAAC,KAAK,0CAAE,MAAM;YAAE,OAAM;QAElC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC,CAAA;IACjD,CAAC;CACF;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,4BAA4B,EAAE,wBAAwB,CAAC,CAAA","sourcesContent":["import '@operato/data-grist'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { isMobileDevice } from '@operato/utils'\n\nexport class ActivityTemplateImporter extends LitElement {\n  static get properties() {\n    return {\n      columns: Object,\n      activityTemplates: Array\n    }\n  }\n\n  constructor() {\n    super()\n    this.columns = {\n      list: { fields: ['name', 'description'] },\n      pagination: { infinite: true },\n      columns: [\n        {\n          type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          width: 150\n        },\n        {\n          type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          width: 200\n        },\n        {\n          type: 'checkbox',\n          name: 'active',\n          header: i18next.t('field.active'),\n          width: 60\n        }\n      ]\n    }\n  }\n\n  static get styles() {\n    return [\n      css`\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          background-color: #fff;\n        }\n\n        ox-grist {\n          flex: 1;\n        }\n\n        .button-container {\n          display: flex;\n          margin-left: auto;\n          padding: var(--padding-default);\n        }\n\n        mwc-button {\n          margin-left: var(--margin-default);\n        }\n      `\n    ]\n  }\n\n  render() {\n    return html`\n      <ox-grist\n        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n        .config=${this.columns}\n        .data=${\n          { \n            records: this.activityTemplates \n          }\n        }\n      ></ox-grist>\n\n      <div class=\"button-container\">\n        <mwc-button raised @click=\"${this.save.bind(this)}\">${i18next.t('button.save')}</mwc-button>\n      </div>\n    `\n  }\n\n  async save() {\n    const response = await client.mutate({\n      mutation: gql`\n        mutation importActivityTemplates($activityTemplates: [ActivityTemplatePatch!]!) {\n          importActivityTemplates(activityTemplates: $activityTemplates)\n        }\n      `,\n      variables: { activityTemplates: this.activityTemplates }\n    })\n\n    if (response.error?.length) return\n\n    this.dispatchEvent(new CustomEvent('imported'))\n  }\n}\n\nwindow.customElements.define('activity-template-importer', ActivityTemplateImporter)\n"]}

package/dist-client/pages/activity-template/activity-template-list-page.d.ts

@@ -0,0 +1,263 @@
+declare const ActivityTemplateListPage_base: (new (...args: any[]) => {
+    _storeUnsubscribe: import("redux").Unsubscribe;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    stateChanged(_state: unknown): void;
+    readonly isConnected: boolean;
+}) & (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+export class ActivityTemplateListPage extends ActivityTemplateListPage_base {
+    static get properties(): {
+        gristConfig: ObjectConstructor;
+        mode: StringConstructor;
+    };
+    static get styles(): import("lit").CSSResult[];
+    get context(): {
+        title: string;
+        help: string;
+        actions: {
+            icon: string;
+            emphasis: {
+                raised: boolean;
+                outlined: boolean;
+                dense: boolean;
+                danger: boolean;
+            };
+            title: string;
+            action: () => Promise<void>;
+        }[];
+        exportable: {
+            name: string;
+            data: () => Promise<any>;
+        };
+        importable: {
+            handler: (records: any) => Promise<void>;
+        };
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    mode: string | undefined;
+    get grist(): Element | null;
+    pageInitialized(lifecycle: any): Promise<void>;
+    gristConfig: {
+        list: {
+            thumbnail: string;
+            fields: string[];
+            details: string[];
+        };
+        columns: ({
+            type: string;
+            gutterName: string;
+            multiple?: undefined;
+            icon?: undefined;
+            handlers?: undefined;
+            name?: undefined;
+            header?: undefined;
+            record?: undefined;
+            filter?: undefined;
+            sortable?: undefined;
+            width?: undefined;
+            label?: undefined;
+        } | {
+            type: string;
+            gutterName: string;
+            multiple: boolean;
+            icon?: undefined;
+            handlers?: undefined;
+            name?: undefined;
+            header?: undefined;
+            record?: undefined;
+            filter?: undefined;
+            sortable?: undefined;
+            width?: undefined;
+            label?: undefined;
+        } | {
+            type: string;
+            gutterName: string;
+            icon: string;
+            handlers: {
+                click: (columns: any, data: any, column: any, record: any, rowIndex: any) => void;
+            };
+            multiple?: undefined;
+            name?: undefined;
+            header?: undefined;
+            record?: undefined;
+            filter?: undefined;
+            sortable?: undefined;
+            width?: undefined;
+            label?: undefined;
+        } | {
+            type: string;
+            name: string;
+            header: string;
+            record: {
+                editable: boolean;
+                options?: undefined;
+                editor?: undefined;
+                renderer?: undefined;
+            };
+            filter: string;
+            sortable: boolean;
+            width: number;
+            gutterName?: undefined;
+            multiple?: undefined;
+            icon?: undefined;
+            handlers?: undefined;
+            label?: undefined;
+        } | {
+            type: string;
+            name: string;
+            header: string;
+            record: {
+                editable: boolean;
+                options?: undefined;
+                editor?: undefined;
+                renderer?: undefined;
+            };
+            filter: string;
+            width: number;
+            gutterName?: undefined;
+            multiple?: undefined;
+            icon?: undefined;
+            handlers?: undefined;
+            sortable?: undefined;
+            label?: undefined;
+        } | {
+            type: string;
+            name: string;
+            label: boolean;
+            header: string;
+            record: {
+                editable: boolean;
+                options: {
+                    display: string;
+                    value: string;
+                }[];
+                editor?: undefined;
+                renderer?: undefined;
+            };
+            sortable: boolean;
+            width: number;
+            gutterName?: undefined;
+            multiple?: undefined;
+            icon?: undefined;
+            handlers?: undefined;
+            filter?: undefined;
+        } | {
+            type: string;
+            name: string;
+            header: string;
+            record: {
+                editable: boolean;
+                options?: undefined;
+                editor?: undefined;
+                renderer?: undefined;
+            };
+            width: number;
+            gutterName?: undefined;
+            multiple?: undefined;
+            icon?: undefined;
+            handlers?: undefined;
+            filter?: undefined;
+            sortable?: undefined;
+            label?: undefined;
+        } | {
+            type: string;
+            name: string;
+            label: boolean;
+            header: string;
+            record: {
+                editable: boolean;
+                options: {
+                    display: string;
+                    value: string;
+                }[];
+                editor?: undefined;
+                renderer?: undefined;
+            };
+            width: number;
+            gutterName?: undefined;
+            multiple?: undefined;
+            icon?: undefined;
+            handlers?: undefined;
+            filter?: undefined;
+            sortable?: undefined;
+        } | {
+            type: string;
+            name: string;
+            header: string;
+            record: {
+                editable: boolean;
+                editor: (value: any, column: any, record: any, rowIndex: any, field: any) => import("@operato/data-grist").OxGristEditor;
+                renderer: (value: any, column: any, record: any, rowIndex: any, field: any) => string | void | import("lit-html").TemplateResult<1 | 2> | import("@operato/data-grist/dist/src/renderers/ox-grist-renderer.js").OxGristRenderer;
+                options?: undefined;
+            };
+            width: number;
+            gutterName?: undefined;
+            multiple?: undefined;
+            icon?: undefined;
+            handlers?: undefined;
+            filter?: undefined;
+            sortable?: undefined;
+            label?: undefined;
+        } | {
+            type: string;
+            name: string;
+            label: boolean;
+            header: string;
+            record: {
+                editable: boolean;
+                options?: undefined;
+                editor?: undefined;
+                renderer?: undefined;
+            };
+            sortable: boolean;
+            width: number;
+            gutterName?: undefined;
+            multiple?: undefined;
+            icon?: undefined;
+            handlers?: undefined;
+            filter?: undefined;
+        } | {
+            type: string;
+            name: string;
+            header: string;
+            record: {
+                editable: boolean;
+                options?: undefined;
+                editor?: undefined;
+                renderer?: undefined;
+            };
+            sortable: boolean;
+            width: number;
+            gutterName?: undefined;
+            multiple?: undefined;
+            icon?: undefined;
+            handlers?: undefined;
+            filter?: undefined;
+            label?: undefined;
+        })[];
+        rows: {
+            selectable: {
+                multiple: boolean;
+            };
+        };
+        sorters: {
+            name: string;
+        }[];
+    } | undefined;
+    pageUpdated(changes: any, lifecycle: any): Promise<void>;
+    fetchHandler({ page, limit, sortings, filters }: {
+        page: any;
+        limit: any;
+        sortings?: any[] | undefined;
+        filters?: any[] | undefined;
+    }): Promise<{
+        total: any;
+        records: any;
+    }>;
+    _deleteActivityTemplate(): Promise<void>;
+    _updateActivityTemplate(): Promise<void>;
+    exportHandler(): Promise<any>;
+    importHandler(records: any): Promise<void>;
+}
+import { PageView } from "@operato/shell/page-view.js";
+export {};