@things-factory/compliance 0.0.0-stage → 10.1.254

package/dist-client/pages/seal-use-list.js

@@ -0,0 +1,168 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/data-grist/ox-grist.js';
+import '@operato/data-grist/ox-filters-form.js';
+import gql from 'graphql-tag';
+import { html } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+import { DataGrist } from '@operato/data-grist';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { notify } from '@operato/layout';
+import { OxPrompt } from '@operato/popup/ox-prompt.js';
+import { PageView } from '@operato/shell';
+import { CommonButtonStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { isMobileDevice } from '@operato/utils';
+import { openSealUseForm } from '../components/seal-use-form.js';
+import { failureOf, optionsOf, USE_KINDS, USE_STATUSES, wordOf } from '../words.js';
+const blankFirst = (options) => [{ value: '', display: '' }, ...options];
+/**
+ * 날인 기록 (ADR-0188 decision 2) - every use of the company's seals: stamped, taken out, certificates issued, newest
+ * first. A use is written from its form; on the list only the day a seal came back and the notes change. Narrowed to the
+ * seals let out and not back, or to the certificates still accepted.
+ */
+let SealUseList = class SealUseList extends localize(i18next)(PageView) {
+    static { this.styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]; }
+    get context() {
+        return {
+            title: i18next.t('title.seal-use-list'),
+            search: { handler: (search) => (this.grist.searchText = search), value: this.grist?.searchText || '' },
+            filter: { handler: () => this.grist.toggleHeadroom() },
+            actions: [
+                { title: i18next.t('button.seal-use-record'), icon: 'approval', action: () => this.record() },
+                { title: i18next.t('button.seal-use-withdraw'), icon: 'undo', action: () => this.withdraw() },
+                { title: i18next.t('button.delete'), action: () => this.delete(), ...CommonButtonStyles.delete },
+                { title: i18next.t('button.save'), action: () => this.save(), ...CommonButtonStyles.save }
+            ],
+            exportable: { name: i18next.t('title.seal-use-list'), data: () => this.grist.exportRecords() }
+        };
+    }
+    render() {
+        return html `<ox-grist class="page-fill" search-mode="term" .mode=${isMobileDevice() ? 'CARD' : 'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
+      <div slot="headroom" class="header">
+        <div class="filters"><ox-filters-form without-search autofocus></ox-filters-form></div>
+      </div>
+    </ox-grist>`;
+    }
+    async pageInitialized() {
+        const header = (name) => i18next.t(`field.seal-use-${name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()}`);
+        const shown = (name, width, renderer, extra = {}) => ({
+            type: 'string',
+            name,
+            header: header(name),
+            width,
+            sortable: true,
+            ...extra,
+            record: { renderer, ...extra.record }
+        });
+        this.gristConfig = {
+            rows: { appendable: false, selectable: { multiple: true } },
+            pagination: { limit: 100, pages: [50, 100] },
+            emptyNote: { title: i18next.t('text.seal-use-empty'), description: i18next.t('text.seal-use-empty-description') },
+            list: { fields: ['usedOn', 'seal', 'document'], details: ['kind', 'status', 'purpose'] },
+            columns: [
+                { type: 'gutter', gutterName: 'sequence' },
+                { type: 'gutter', gutterName: 'row-selector', multiple: true },
+                shown('usedOn', 100, undefined, { record: { align: 'center' } }),
+                shown('kind', 90, value => wordOf('seal-use-kind', value), { type: 'select', filter: { type: 'select', operator: 'eq', options: blankFirst(optionsOf('seal-use-kind', USE_KINDS)) } }),
+                shown('seal', 140, value => value?.name ?? '', { sortable: false }),
+                shown('requester', 90, value => value?.name ?? '', { sortable: false }),
+                shown('document', 200),
+                shown('purpose', 160),
+                shown('submittedTo', 140),
+                shown('returnDueOn', 100, undefined, { record: { align: 'center' } }),
+                { type: 'date', name: 'returnedOn', header: header('returnedOn'), width: 110, sortable: true, record: { editable: true, align: 'center' } },
+                shown('copies', 60, undefined, { type: 'integer', record: { align: 'right' } }),
+                shown('usableUntil', 100, undefined, { record: { align: 'center' } }),
+                shown('status', 90, value => wordOf('seal-use-status', value), { type: 'select', filter: { type: 'select', operator: 'eq', options: blankFirst(optionsOf('seal-use-status', USE_STATUSES)) } }),
+                shown('decidedBy', 90, value => value?.name ?? '', { sortable: false }),
+                { type: 'string', name: 'notes', header: header('notes'), width: 180, record: { editable: true } },
+                /* The list's own narrowings - columns only to carry their filters. */
+                { type: 'checkbox', name: 'unreturned', header: header('unreturned'), hidden: true, filter: { operator: 'eq', type: 'checkbox' } },
+                { type: 'checkbox', name: 'usable', header: header('usable'), hidden: true, filter: { operator: 'eq', type: 'checkbox' } }
+            ],
+            sorters: [{ name: 'usedOn', desc: true }]
+        };
+    }
+    async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [], search }) {
+        const response = await client.query({
+            query: gql `
+        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {
+          responses: sealUses(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {
+            items {
+              id kind usedOn document purpose submittedTo returnDueOn returnedOn copies usableUntil status notes
+              seal { id name kind } requester { id name } decidedBy { id name }
+            }
+            total
+          }
+        }
+      `,
+            variables: { filters, pagination: { page, limit }, sortings, search: search?.trim() || undefined },
+            fetchPolicy: 'network-only'
+        });
+        if (response.errors?.length)
+            throw response;
+        return { total: response.data.responses.total, records: response.data.responses.items };
+    }
+    async record() {
+        if (await openSealUseForm())
+            this.grist.fetch();
+    }
+    async withdraw() {
+        const chosen = this.grist.selected.filter((one) => one.status === 'SUBMITTED');
+        if (!chosen.length)
+            return notify({ level: 'warn', message: i18next.t('text.seal-use-pick-submitted') });
+        await this.call(chosen.map((one) => () => client.mutate({ mutation: gql `mutation ($id: String!) { withdrawSealUse(id: $id) { id } }`, variables: { id: one.id } })));
+    }
+    async delete() {
+        const ids = this.grist.selected.map((one) => one.id).filter(Boolean);
+        if (!ids.length)
+            return;
+        const confirmed = await OxPrompt.open({
+            title: i18next.t('button.delete'),
+            text: i18next.t('text.seal-use-delete-confirm', { count: ids.length }),
+            confirmButton: { text: i18next.t('button.delete'), destructive: true },
+            cancelButton: { text: i18next.t('button.cancel') }
+        });
+        if (confirmed)
+            await this.call([() => client.mutate({ mutation: gql `mutation ($ids: [String!]!) { deleteSealUses(ids: $ids) }`, variables: { ids } })]);
+    }
+    /** The day a seal came back and the notes - all the list writes. */
+    async save() {
+        const patches = this.grist.dirtyRecords
+            .filter((one) => one.id)
+            .map((one) => {
+            const changed = Object.keys(one.__dirtyfields__ ?? {}).filter(field => field === 'returnedOn' || field === 'notes');
+            return { id: one.id, cuFlag: 'M', ...Object.fromEntries(changed.map(field => [field, one[field] === '' ? null : one[field]])) };
+        });
+        if (!patches.length)
+            return;
+        await this.call([() => client.mutate({ mutation: gql `mutation ($patches: [SealUsePatch!]!) { updateMultipleSealUse(patches: $patches) { id } }`, variables: { patches } })]);
+    }
+    async call(calls) {
+        try {
+            for (const one of calls) {
+                const response = await one();
+                if (response.errors?.length)
+                    throw response;
+            }
+            notify({ message: i18next.t('text.seal-use-saved') });
+        }
+        catch (error) {
+            notify({ level: 'error', message: failureOf(error) });
+        }
+        this.grist.fetch();
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], SealUseList.prototype, "gristConfig", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], SealUseList.prototype, "grist", void 0);
+SealUseList = __decorate([
+    customElement('seal-use-list')
+], SealUseList);
+export { SealUseList };
+//# sourceMappingURL=seal-use-list.js.map

package/dist-client/pages/seal-use-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seal-use-list.js","sourceRoot":"","sources":["../../client/pages/seal-use-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\n\nimport gql from 'graphql-tag'\nimport { html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { PageView } from '@operato/shell'\nimport { CommonButtonStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\n\nimport { openSealUseForm } from '../components/seal-use-form.js'\nimport { failureOf, optionsOf, USE_KINDS, USE_STATUSES, wordOf } from '../words.js'\n\nconst blankFirst = (options: { value: string; display: string }[]) => [{ value: '', display: '' }, ...options]\n\n/**\n * 날인 기록 (ADR-0188 decision 2) - every use of the company's seals: stamped, taken out, certificates issued, newest\n * first. A use is written from its form; on the list only the day a seal came back and the notes change. Narrowed to the\n * seals let out and not back, or to the certificates still accepted.\n */\n@customElement('seal-use-list')\nexport class SealUseList extends localize(i18next)(PageView) {\n  static styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]\n\n  @state() gristConfig: any\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: i18next.t('title.seal-use-list'),\n      search: { handler: (search: string) => (this.grist.searchText = search), value: this.grist?.searchText || '' },\n      filter: { handler: () => this.grist.toggleHeadroom() },\n      actions: [\n        { title: i18next.t('button.seal-use-record'), icon: 'approval', action: () => this.record() },\n        { title: i18next.t('button.seal-use-withdraw'), icon: 'undo', action: () => this.withdraw() },\n        { title: i18next.t('button.delete'), action: () => this.delete(), ...CommonButtonStyles.delete },\n        { title: i18next.t('button.save'), action: () => this.save(), ...CommonButtonStyles.save }\n      ],\n      exportable: { name: i18next.t('title.seal-use-list'), data: () => this.grist.exportRecords() }\n    }\n  }\n\n  render() {\n    return html`<ox-grist class=\"page-fill\" search-mode=\"term\" .mode=${isMobileDevice() ? 'CARD' : 'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n      <div slot=\"headroom\" class=\"header\">\n        <div class=\"filters\"><ox-filters-form without-search autofocus></ox-filters-form></div>\n      </div>\n    </ox-grist>`\n  }\n\n  async pageInitialized() {\n    const header = (name: string) => i18next.t(`field.seal-use-${name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()}`)\n    const shown = (name: string, width: number, renderer?: (value: any, column: any, record: any) => any, extra: any = {}) => ({\n      type: 'string',\n      name,\n      header: header(name),\n      width,\n      sortable: true,\n      ...extra,\n      record: { renderer, ...extra.record }\n    })\n    this.gristConfig = {\n      rows: { appendable: false, selectable: { multiple: true } },\n      pagination: { limit: 100, pages: [50, 100] },\n      emptyNote: { title: i18next.t('text.seal-use-empty'), description: i18next.t('text.seal-use-empty-description') },\n      list: { fields: ['usedOn', 'seal', 'document'], details: ['kind', 'status', 'purpose'] },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        shown('usedOn', 100, undefined, { record: { align: 'center' } }),\n        shown('kind', 90, value => wordOf('seal-use-kind', value), { type: 'select', filter: { type: 'select', operator: 'eq', options: blankFirst(optionsOf('seal-use-kind', USE_KINDS)) } }),\n        shown('seal', 140, value => value?.name ?? '', { sortable: false }),\n        shown('requester', 90, value => value?.name ?? '', { sortable: false }),\n        shown('document', 200),\n        shown('purpose', 160),\n        shown('submittedTo', 140),\n        shown('returnDueOn', 100, undefined, { record: { align: 'center' } }),\n        { type: 'date', name: 'returnedOn', header: header('returnedOn'), width: 110, sortable: true, record: { editable: true, align: 'center' } },\n        shown('copies', 60, undefined, { type: 'integer', record: { align: 'right' } }),\n        shown('usableUntil', 100, undefined, { record: { align: 'center' } }),\n        shown('status', 90, value => wordOf('seal-use-status', value), { type: 'select', filter: { type: 'select', operator: 'eq', options: blankFirst(optionsOf('seal-use-status', USE_STATUSES)) } }),\n        shown('decidedBy', 90, value => value?.name ?? '', { sortable: false }),\n        { type: 'string', name: 'notes', header: header('notes'), width: 180, record: { editable: true } },\n        /* The list's own narrowings - columns only to carry their filters. */\n        { type: 'checkbox', name: 'unreturned', header: header('unreturned'), hidden: true, filter: { operator: 'eq', type: 'checkbox' } },\n        { type: 'checkbox', name: 'usable', header: header('usable'), hidden: true, filter: { operator: 'eq', type: 'checkbox' } }\n      ],\n      sorters: [{ name: 'usedOn', desc: true }]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [], search }: FetchOption) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {\n          responses: sealUses(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {\n            items {\n              id kind usedOn document purpose submittedTo returnDueOn returnedOn copies usableUntil status notes\n              seal { id name kind } requester { id name } decidedBy { id name }\n            }\n            total\n          }\n        }\n      `,\n      variables: { filters, pagination: { page, limit }, sortings, search: search?.trim() || undefined },\n      fetchPolicy: 'network-only'\n    })\n    if (response.errors?.length) throw response\n    return { total: response.data.responses.total, records: response.data.responses.items }\n  }\n\n  private async record() {\n    if (await openSealUseForm()) this.grist.fetch()\n  }\n\n  private async withdraw() {\n    const chosen = this.grist.selected.filter((one: any) => one.status === 'SUBMITTED')\n    if (!chosen.length) return notify({ level: 'warn', message: i18next.t('text.seal-use-pick-submitted') })\n    await this.call(chosen.map((one: any) => () => client.mutate({ mutation: gql`mutation ($id: String!) { withdrawSealUse(id: $id) { id } }`, variables: { id: one.id } })))\n  }\n\n  private async delete() {\n    const ids = this.grist.selected.map((one: any) => one.id).filter(Boolean)\n    if (!ids.length) return\n    const confirmed = await OxPrompt.open({\n      title: i18next.t('button.delete'),\n      text: i18next.t('text.seal-use-delete-confirm', { count: ids.length }),\n      confirmButton: { text: i18next.t('button.delete'), destructive: true },\n      cancelButton: { text: i18next.t('button.cancel') }\n    })\n    if (confirmed) await this.call([() => client.mutate({ mutation: gql`mutation ($ids: [String!]!) { deleteSealUses(ids: $ids) }`, variables: { ids } })])\n  }\n\n  /** The day a seal came back and the notes - all the list writes. */\n  private async save() {\n    const patches = this.grist.dirtyRecords\n      .filter((one: any) => one.id)\n      .map((one: any) => {\n        const changed = Object.keys(one.__dirtyfields__ ?? {}).filter(field => field === 'returnedOn' || field === 'notes')\n        return { id: one.id, cuFlag: 'M', ...Object.fromEntries(changed.map(field => [field, one[field] === '' ? null : one[field]])) }\n      })\n    if (!patches.length) return\n    await this.call([() => client.mutate({ mutation: gql`mutation ($patches: [SealUsePatch!]!) { updateMultipleSealUse(patches: $patches) { id } }`, variables: { patches } })])\n  }\n\n  private async call(calls: (() => Promise<any>)[]) {\n    try {\n      for (const one of calls) {\n        const response = await one()\n        if (response.errors?.length) throw response\n      }\n      notify({ message: i18next.t('text.seal-use-saved') })\n    } catch (error) {\n      notify({ level: 'error', message: failureOf(error) })\n    }\n    this.grist.fetch()\n  }\n}\n"]}

package/dist-client/pages/training-list.d.ts

@@ -0,0 +1,51 @@
+import '@operato/data-grist/ox-grist.js';
+import '@operato/data-grist/ox-filters-form.js';
+import '@operato/input/ox-input-select-buttons.js';
+import { FetchOption } from '@operato/data-grist';
+import { PageView } from '@operato/shell';
+declare const TrainingList_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+/**
+ * 법정 의무 교육 (ADR-0187 decisions 15-19) - one screen read four ways, as the audit screen is: the kinds the domain
+ * trains, where everyone stands this year, the sessions given, and the completions with their certificates. The kinds
+ * are set in their form, a session is opened in its own, a certificate is confirmed or returned here. Nothing is deleted.
+ */
+export declare class TrainingList extends TrainingList_base {
+    static styles: import("lit").CSSResult[];
+    private view;
+    private year;
+    private grist;
+    get context(): {
+        title: string;
+        search: {
+            handler: (search: string) => string;
+            value: string;
+        } | undefined;
+        filter: {
+            handler: () => void;
+        };
+        actions: any[];
+        exportable: {
+            name: string;
+            data: () => any[];
+        };
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    private show;
+    private pickYear;
+    private configOf;
+    fetchHandler({ page, limit, sortings, filters, search }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
+    private picked;
+    private setting;
+    private openYear;
+    private openSession;
+    private attendance;
+    private confirm;
+    private return;
+    /** What sessions say - the grid writes the name, instructor, organisation and notes. */
+    private save;
+    private call;
+}
+export {};

package/dist-client/pages/training-list.js

@@ -0,0 +1,333 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/data-grist/ox-grist.js';
+import '@operato/data-grist/ox-filters-form.js';
+import '@operato/input/ox-input-select-buttons.js';
+import gql from 'graphql-tag';
+import { css, html } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+import { keyed } from 'lit/directives/keyed.js';
+import { DataGrist } from '@operato/data-grist';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { notify } from '@operato/layout';
+import { OxPrompt } from '@operato/popup/ox-prompt.js';
+import { PageView } from '@operato/shell';
+import { CommonButtonStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { isMobileDevice } from '@operato/utils';
+import { openTrainingAttendanceForm } from '../components/training-attendance-form.js';
+import { openTrainingSessionForm } from '../components/training-session-form.js';
+import { openTrainingSettingForm } from '../components/training-setting-form.js';
+import { COMPLETION_STATUSES, TRAINING_KINDS, TRAINING_METHODS, TRAINING_STATES, trainingOptions, trainingWord } from '../training-words.js';
+import { failureOf } from '../words.js';
+const VIEWS = ['settings', 'standings', 'sessions', 'completions'];
+const blankFirst = (options) => [{ value: '', display: '' }, ...options];
+/**
+ * 법정 의무 교육 (ADR-0187 decisions 15-19) - one screen read four ways, as the audit screen is: the kinds the domain
+ * trains, where everyone stands this year, the sessions given, and the completions with their certificates. The kinds
+ * are set in their form, a session is opened in its own, a certificate is confirmed or returned here. Nothing is deleted.
+ */
+let TrainingList = class TrainingList extends localize(i18next)(PageView) {
+    constructor() {
+        super(...arguments);
+        this.view = 'settings';
+        this.year = new Date().getFullYear();
+    }
+    static { this.styles = [
+        WorkSurfacePageStyles,
+        CommonGristStyles,
+        CommonHeaderStyles,
+        ScrollbarStyles,
+        css `
+      .filters {
+        flex-wrap: wrap;
+      }
+      input[type='number'] {
+        width: 80px;
+        height: var(--context-action-height, 28px);
+        box-sizing: border-box;
+        border: 1px solid var(--md-sys-color-outline-variant);
+        border-radius: var(--md-sys-shape-corner-small, 4px);
+        background: var(--md-sys-color-surface-container-lowest);
+        color: var(--md-sys-color-on-surface);
+        font: inherit;
+        padding: 0 var(--spacing-small, 4px);
+      }
+    `
+    ]; }
+    get context() {
+        const t = i18next.t.bind(i18next);
+        const actions = {
+            settings: [
+                { title: t('button.training-setting'), icon: 'tune', action: () => this.setting() },
+                { title: t('button.training-open-year'), icon: 'assignment_add', action: () => this.openYear() }
+            ],
+            standings: [],
+            sessions: [
+                { title: t('button.training-session-open'), icon: 'event', action: () => this.openSession() },
+                { title: t('button.training-attendance-record'), icon: 'how_to_reg', action: () => this.attendance() },
+                { title: t('button.save'), action: () => this.save(), ...CommonButtonStyles.save }
+            ],
+            completions: [
+                { title: t('button.training-confirm'), icon: 'task_alt', action: () => this.confirm() },
+                { title: t('button.training-return'), icon: 'undo', action: () => this.return() }
+            ]
+        };
+        return {
+            title: t('title.training-list'),
+            search: this.view === 'settings' ? undefined : { handler: (search) => (this.grist.searchText = search), value: this.grist?.searchText || '' },
+            filter: { handler: () => this.grist.toggleHeadroom() },
+            actions: actions[this.view],
+            exportable: { name: t('title.training-list'), data: () => this.grist.exportRecords() }
+        };
+    }
+    render() {
+        return html `${keyed(this.view, html `<ox-grist class="page-fill" search-mode="term" .mode=${isMobileDevice() ? 'CARD' : 'GRID'} .config=${this.configOf(this.view)} .fetchHandler=${this.fetchHandler.bind(this)}>
+        <div slot="headroom" class="header">
+          <div class="filters">
+            <ox-input-select-buttons
+              .options=${VIEWS.map(view => ({ value: view, display: i18next.t(`text.training-view-${view}`) }))}
+              .value=${this.view}
+              @change=${(e) => (e.detail ? this.show(e.detail) : (e.target.value = this.view))}
+            ></ox-input-select-buttons>
+            ${this.view === 'settings'
+            ? ''
+            : html `<input type="number" min="2000" max="2999" aria-label=${i18next.t('field.training-year')} .value=${String(this.year)} @change=${(e) => this.pickYear(e)} />`}
+            <ox-filters-form without-search></ox-filters-form>
+          </div>
+        </div>
+      </ox-grist>`)}`;
+    }
+    show(view) {
+        this.view = view;
+        this.updateContext();
+    }
+    pickYear(e) {
+        const year = Number(e.target.value);
+        if (!Number.isInteger(year) || year < 2000 || year > 2999)
+            return (e.target.value = String(this.year));
+        this.year = year;
+        this.grist.fetch();
+    }
+    configOf(view) {
+        const t = i18next.t.bind(i18next);
+        const shown = (name, width, renderer, extra = {}) => ({
+            type: 'string',
+            name,
+            header: t(`field.training-${name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()}`),
+            width,
+            sortable: false,
+            ...extra,
+            record: { renderer, ...extra.record }
+        });
+        const select = (set, codes) => ({ type: 'select', filter: { type: 'select', operator: 'eq', options: blankFirst(trainingOptions(set, codes)) } });
+        const center = { record: { align: 'center' } };
+        const base = {
+            rows: { appendable: false, selectable: { multiple: view === 'completions' } },
+            pagination: view === 'settings' ? { infinite: true } : { limit: 100, pages: [50, 100] }
+        };
+        const gutters = [{ type: 'gutter', gutterName: 'sequence' }, { type: 'gutter', gutterName: 'row-selector', multiple: view === 'completions' }];
+        switch (view) {
+            case 'settings':
+                return {
+                    ...base,
+                    list: { fields: ['code', 'enabled', 'dueDay'] },
+                    columns: [
+                        ...gutters,
+                        shown('code', 180, value => trainingWord('kind', value)),
+                        shown('enabled', 70, value => t(value ? 'text.training-on' : 'text.training-off'), center),
+                        shown('dueDay', 80, undefined, center),
+                        shown('audiences', 200, value => (value?.length ? value.map((one) => one.targetName ?? one.targetId).join(', ') : t('text.training-whole-domain'))),
+                        shown('basis', 240),
+                        shown('retentionYears', 80, value => t('text.training-retention', { years: value }), center),
+                        shown('memo', 240)
+                    ]
+                };
+            case 'standings':
+                return {
+                    ...base,
+                    list: { fields: ['employee', 'kind', 'state'] },
+                    columns: [
+                        ...gutters,
+                        shown('employee', 120, value => value?.name ?? ''),
+                        shown('departmentName', 120),
+                        shown('kind', 180, value => trainingWord('kind', value), select('kind', TRAINING_KINDS)),
+                        shown('dueOn', 100, undefined, center),
+                        shown('state', 90, value => trainingWord('state', value), select('state', TRAINING_STATES)),
+                        shown('completedOn', 100, undefined, center)
+                    ]
+                };
+            case 'sessions':
+                return {
+                    ...base,
+                    list: { fields: ['startsOn', 'name', 'kind'] },
+                    columns: [
+                        ...gutters,
+                        shown('startsOn', 100, undefined, { sortable: true, ...center }),
+                        shown('endsOn', 100, undefined, center),
+                        shown('kind', 180, value => trainingWord('kind', value), select('kind', TRAINING_KINDS)),
+                        { type: 'string', name: 'name', header: t('field.training-session-name'), width: 200, record: { editable: true } },
+                        shown('method', 100, value => trainingWord('method', value), select('method', TRAINING_METHODS)),
+                        { type: 'string', name: 'instructor', header: t('field.training-instructor'), width: 120, record: { editable: true } },
+                        { type: 'string', name: 'organisation', header: t('field.training-organisation'), width: 140, record: { editable: true } },
+                        { type: 'string', name: 'notes', header: t('field.training-notes'), width: 200, record: { editable: true } }
+                    ]
+                };
+            case 'completions':
+                return {
+                    ...base,
+                    list: { fields: ['employee', 'kind', 'status'] },
+                    columns: [
+                        ...gutters,
+                        shown('employee', 120, value => value?.name ?? ''),
+                        shown('kind', 180, value => trainingWord('kind', value), select('kind', TRAINING_KINDS)),
+                        shown('completedOn', 100, undefined, { sortable: true, ...center }),
+                        shown('method', 100, value => trainingWord('method', value)),
+                        shown('session', 160, value => value?.name ?? ''),
+                        shown('organisation', 140),
+                        shown('status', 90, value => trainingWord('status', value), select('status', COMPLETION_STATUSES)),
+                        shown('certificates', 160, (_, __, record) => (record.attachments ?? []).map((one) => one.name).join(', ')),
+                        shown('returnReason', 180),
+                        shown('decidedBy', 90, value => value?.name ?? '')
+                    ]
+                };
+        }
+    }
+    async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [], search }) {
+        const view = this.view;
+        const list = { filters: [...filters, ...(view === 'settings' ? [] : [{ name: 'year', operator: 'eq', value: this.year }])], pagination: { page, limit }, sortings, search: search?.trim() || undefined };
+        const queries = {
+            settings: gql `
+        query {
+          responses: trainingKinds { code basis cycle audience defaultOn retentionYears toConfirm enabled dueDay memo set audiences { scope targetId targetName } }
+        }
+      `,
+            standings: gql `
+        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {
+          responses: trainingStandings(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {
+            items { id kind year dueOn state completedOn departmentName employee { id name } }
+            total
+          }
+        }
+      `,
+            sessions: gql `
+        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {
+          responses: trainingSessions(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {
+            items { id kind year name method startsOn endsOn instructor organisation notes }
+            total
+          }
+        }
+      `,
+            completions: gql `
+        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {
+          responses: trainingCompletions(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {
+            items {
+              id kind year completedOn method organisation status returnReason
+              employee { id name } session { id name } decidedBy { id name } attachments { id name path }
+            }
+            total
+          }
+        }
+      `
+        };
+        const response = await client.query({ query: queries[view], variables: view === 'settings' ? {} : list, fetchPolicy: 'network-only' });
+        if (response.errors?.length)
+            throw response;
+        const answer = response.data.responses;
+        return view === 'settings' ? { total: answer.length, records: answer.map((one) => ({ ...one, id: one.code })) } : { total: answer.total, records: answer.items };
+    }
+    picked() {
+        const [one] = this.grist.selected;
+        if (!one)
+            notify({ level: 'warn', message: i18next.t('text.training-pick-one') });
+        return one;
+    }
+    async setting() {
+        const kind = this.picked();
+        if (kind && (await openTrainingSettingForm(kind)))
+            this.grist.fetch();
+    }
+    async openYear() {
+        const kind = this.picked();
+        if (!kind)
+            return;
+        if (!kind.enabled)
+            return notify({ level: 'warn', message: i18next.t('text.training-turn-on-first') });
+        const confirmed = await OxPrompt.open({
+            title: i18next.t('button.training-open-year'),
+            text: i18next.t('text.training-open-year-confirm', { kind: trainingWord('kind', kind.code), year: this.year }),
+            confirmButton: { text: i18next.t('button.training-open-year') },
+            cancelButton: { text: i18next.t('button.cancel') }
+        });
+        if (!confirmed)
+            return;
+        await this.call([() => client.mutate({ mutation: gql `mutation ($kind: String!, $year: Int!) { openTrainingYear(kind: $kind, year: $year) { people done handedOut } }`, variables: { kind: kind.code, year: this.year } })], data => String(i18next.t('text.training-year-opened', data.openTrainingYear)));
+    }
+    async openSession() {
+        const response = await client.query({ query: gql `query { trainingKinds { code enabled } }`, fetchPolicy: 'network-only' });
+        const kinds = (response.data?.trainingKinds ?? []).filter((one) => one.enabled).map((one) => one.code);
+        if (await openTrainingSessionForm(kinds, this.year))
+            this.grist.fetch();
+    }
+    async attendance() {
+        const session = this.picked();
+        if (session && (await openTrainingAttendanceForm(session)))
+            this.grist.fetch();
+    }
+    async confirm() {
+        const ids = this.grist.selected.filter((one) => one.status === 'SUBMITTED').map((one) => one.id);
+        if (!ids.length)
+            return notify({ level: 'warn', message: i18next.t('text.training-pick-submitted') });
+        await this.call([() => client.mutate({ mutation: gql `mutation ($ids: [String!]!) { confirmTrainingCompletions(ids: $ids) { id } }`, variables: { ids } })]);
+    }
+    async return() {
+        const [one] = this.grist.selected.filter((row) => row.status === 'SUBMITTED');
+        if (!one)
+            return notify({ level: 'warn', message: i18next.t('text.training-pick-submitted') });
+        const reason = await OxPrompt.prompt({ title: i18next.t('button.training-return'), text: i18next.t('field.training-return-reason'), multiline: true });
+        if (reason === null)
+            return;
+        await this.call([() => client.mutate({ mutation: gql `mutation ($id: String!, $reason: String!) { returnTrainingCompletion(id: $id, reason: $reason) { id } }`, variables: { id: one.id, reason } })]);
+    }
+    /** What sessions say - the grid writes the name, instructor, organisation and notes. */
+    async save() {
+        const patches = this.grist.dirtyRecords
+            .filter((one) => one.id)
+            .map((one) => ({ id: one.id, cuFlag: 'M', ...Object.fromEntries(Object.keys(one.__dirtyfields__ ?? {}).map(field => [field, one[field] === '' ? null : one[field]])) }));
+        if (!patches.length)
+            return;
+        await this.call([() => client.mutate({ mutation: gql `mutation ($patches: [TrainingSessionPatch!]!) { updateMultipleTrainingSession(patches: $patches) { id } }`, variables: { patches } })]);
+    }
+    async call(calls, said) {
+        try {
+            let data;
+            for (const one of calls) {
+                const response = await one();
+                if (response.errors?.length)
+                    throw response;
+                data = response.data;
+            }
+            notify({ message: said ? said(data) : i18next.t('text.training-saved') });
+        }
+        catch (error) {
+            notify({ level: 'error', message: failureOf(error) });
+        }
+        this.grist.fetch();
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], TrainingList.prototype, "view", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingList.prototype, "year", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], TrainingList.prototype, "grist", void 0);
+TrainingList = __decorate([
+    customElement('training-list')
+], TrainingList);
+export { TrainingList };
+//# sourceMappingURL=training-list.js.map