@things-factory/learning 0.0.0-stage → 10.1.261

package/dist-client/pages/learning-course-list.js

@@ -0,0 +1,92 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/data-grist/ox-grist.js';
+import gql from 'graphql-tag';
+import { css, 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 { navigate, PageView } from '@operato/shell';
+import { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { isMobileDevice } from '@operato/utils';
+import { openCourseForm } from '../components/learning-course-form.js';
+import { categoryWord, dayOf, t } from '../utils/learning-words.js';
+/**
+ * 과정 관리 (ADR-0194 decision 10) - the domain's courses with the version learners take now. A row opens the course's
+ * editor; a new course starts there.
+ */
+let LearningCourseList = class LearningCourseList extends localize(i18next)(PageView) {
+    static { this.styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, css ``]; }
+    get context() {
+        return {
+            title: t('title.learning-course-list'),
+            search: { handler: (search) => (this.grist.searchText = search), value: this.grist?.searchText || '' },
+            actions: [{ title: t('button.learning-course-new'), icon: 'add', emphasis: { raised: true }, action: () => this.create() }]
+        };
+    }
+    render() {
+        return html `<ox-grist class="page-fill" search-mode="term" .mode=${isMobileDevice() ? 'CARD' : 'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}></ox-grist>`;
+    }
+    async pageUpdated(changes) {
+        if (this.active && changes.active && this.gristConfig)
+            this.grist?.fetch();
+    }
+    async pageInitialized() {
+        const open = (record) => record?.id && navigate(`learning-course-editor?id=${record.id}`);
+        this.gristConfig = {
+            rows: { appendable: false, selectable: false, handlers: { click: (_c, _d, _col, record) => open(record) } },
+            pagination: { limit: 50, pages: [50, 100] },
+            emptyNote: { title: t('text.learning-no-course'), description: t('text.learning-no-course-description') },
+            list: { fields: ['name', 'category'], details: ['published', 'manager'] },
+            columns: [
+                { type: 'string', name: 'name', header: t('field.learning-course-name'), width: 280, record: { editable: false } },
+                { type: 'string', name: 'category', header: t('field.learning-course-category'), width: 120, record: { editable: false, renderer: (value) => categoryWord(value) } },
+                {
+                    type: 'string',
+                    name: 'published',
+                    header: t('field.learning-published-version'),
+                    width: 140,
+                    record: { editable: false, renderer: (_v, _c, record) => (record?.publishedVersion ? t('text.learning-version-number', { number: record.publishedVersion.number }) : t('text.learning-not-published')) }
+                },
+                { type: 'string', name: 'manager', header: t('field.learning-course-manager'), width: 120, record: { editable: false, renderer: (_v, _c, record) => record?.manager?.name ?? '' } },
+                { type: 'string', name: 'updatedAt', header: t('field.learning-updated-at'), width: 110, record: { editable: false, renderer: (value) => dayOf(value) } }
+            ]
+        };
+    }
+    async fetchHandler({ page, limit, sortings = [], filters = [], signal }) {
+        const response = await client.query({
+            query: gql `
+        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
+          courses(filters: $filters, pagination: $pagination, sortings: $sortings) {
+            items { id name category updatedAt manager { id name } publishedVersion { id number } }
+            total
+          }
+        }
+      `,
+            variables: { filters, pagination: { page, limit }, sortings },
+            fetchPolicy: 'no-cache',
+            context: { fetchOptions: { signal }, queryDeduplication: false }
+        });
+        if (response.errors?.length)
+            throw response.errors[0];
+        return { total: response.data.courses.total || 0, records: response.data.courses.items || [] };
+    }
+    async create() {
+        const course = await openCourseForm();
+        if (course)
+            navigate(`learning-course-editor?id=${course.id}`);
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], LearningCourseList.prototype, "gristConfig", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], LearningCourseList.prototype, "grist", void 0);
+LearningCourseList = __decorate([
+    customElement('learning-course-list')
+], LearningCourseList);
+export { LearningCourseList };
+//# sourceMappingURL=learning-course-list.js.map

package/dist-client/pages/learning-course-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"learning-course-list.js","sourceRoot":"","sources":["../../client/pages/learning-course-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\n\nimport gql from 'graphql-tag'\nimport { css, 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 { navigate, PageView } from '@operato/shell'\nimport { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\n\nimport { openCourseForm } from '../components/learning-course-form.js'\nimport { categoryWord, dayOf, t } from '../utils/learning-words.js'\n\n/**\n * 과정 관리 (ADR-0194 decision 10) - the domain's courses with the version learners take now. A row opens the course's\n * editor; a new course starts there.\n */\n@customElement('learning-course-list')\nexport class LearningCourseList extends localize(i18next)(PageView) {\n  static styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, css``]\n\n  @state() gristConfig: any\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: t('title.learning-course-list'),\n      search: { handler: (search: string) => (this.grist.searchText = search), value: this.grist?.searchText || '' },\n      actions: [{ title: t('button.learning-course-new'), icon: 'add', emphasis: { raised: true }, action: () => this.create() }]\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)}></ox-grist>`\n  }\n\n  async pageUpdated(changes: any) {\n    if (this.active && changes.active && this.gristConfig) this.grist?.fetch()\n  }\n\n  async pageInitialized() {\n    const open = (record: any) => record?.id && navigate(`learning-course-editor?id=${record.id}`)\n    this.gristConfig = {\n      rows: { appendable: false, selectable: false, handlers: { click: (_c: any, _d: any, _col: any, record: any) => open(record) } },\n      pagination: { limit: 50, pages: [50, 100] },\n      emptyNote: { title: t('text.learning-no-course'), description: t('text.learning-no-course-description') },\n      list: { fields: ['name', 'category'], details: ['published', 'manager'] },\n      columns: [\n        { type: 'string', name: 'name', header: t('field.learning-course-name'), width: 280, record: { editable: false } },\n        { type: 'string', name: 'category', header: t('field.learning-course-category'), width: 120, record: { editable: false, renderer: (value: string) => categoryWord(value) } },\n        {\n          type: 'string',\n          name: 'published',\n          header: t('field.learning-published-version'),\n          width: 140,\n          record: { editable: false, renderer: (_v: any, _c: any, record: any) => (record?.publishedVersion ? t('text.learning-version-number', { number: record.publishedVersion.number }) : t('text.learning-not-published')) }\n        },\n        { type: 'string', name: 'manager', header: t('field.learning-course-manager'), width: 120, record: { editable: false, renderer: (_v: any, _c: any, record: any) => record?.manager?.name ?? '' } },\n        { type: 'string', name: 'updatedAt', header: t('field.learning-updated-at'), width: 110, record: { editable: false, renderer: (value: string) => dayOf(value) } }\n      ]\n    }\n  }\n\n  async fetchHandler({ page, limit, sortings = [], filters = [], signal }: FetchOption) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          courses(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items { id name category updatedAt manager { id name } publishedVersion { id number } }\n            total\n          }\n        }\n      `,\n      variables: { filters, pagination: { page, limit }, sortings },\n      fetchPolicy: 'no-cache',\n      context: { fetchOptions: { signal }, queryDeduplication: false }\n    })\n    if (response.errors?.length) throw response.errors[0]\n    return { total: response.data.courses.total || 0, records: response.data.courses.items || [] }\n  }\n\n  private async create() {\n    const course = await openCourseForm()\n    if (course) navigate(`learning-course-editor?id=${course.id}`)\n  }\n}\n"]}

package/dist-client/pages/learning-enrollment-status.d.ts

@@ -0,0 +1,65 @@
+import '@operato/data-grist/ox-filters-form.js';
+import '@operato/data-grist/ox-grist.js';
+import { FetchOption } from '@operato/data-grist';
+import { PageView } from '@operato/shell';
+declare const LearningEnrollmentStatus_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+/**
+ * 수강 현황 (ADR-0194 decisions 10, 11) - where enrolments stand: who, their department, the state today, units done,
+ * minutes, score and the completion day. The conditions - course, state with its counts, search, sort, page - are the
+ * grid's, kept in the address, and read by the server. A manager reminds and cancels from here and issues the completion
+ * register of the course filtered (PDF, through the issued document ledger) or exports the list (Excel). A department
+ * head sees the people of their departments - the state and days only.
+ */
+export declare class LearningEnrollmentStatus extends LearningEnrollmentStatus_base {
+    static styles: import("lit").CSSResult[];
+    private manager?;
+    private gristConfig;
+    private grist;
+    private courses;
+    private reminder;
+    private canceller;
+    /** The course the grid's `course` filter names - the completion register is of it. */
+    private get filteredCourse();
+    get context(): {
+        actions?: ({
+            title: string;
+            icon: string;
+            action: () => Promise<void>;
+        } | {
+            title: string;
+            icon: string;
+            action: () => Promise<import("@things-factory/pdf/dist-client").IssuedDocument | null>;
+        })[] | undefined;
+        exportable?: {
+            name: string;
+            data: () => any[];
+        } | undefined;
+        title: string;
+        search: {
+            handler: (search: string) => string;
+            value: string;
+        };
+        filter: {
+            handler: () => void;
+        };
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    pageInitialized(): Promise<void>;
+    /** The courses for the course filter, once the read of them has answered. */
+    private courseOptions;
+    private recordOf;
+    private configOf;
+    fetchHandler({ page, limit, sortings, filters, search, signal }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
+    countHandler({ filters, search, signal }: FetchOption): Promise<{
+        state: {
+            [k: string]: any;
+        };
+    }>;
+    private selectedOpen;
+    private remind;
+    private cancel;
+}
+export {};

package/dist-client/pages/learning-enrollment-status.js

@@ -0,0 +1,211 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/data-grist/ox-filters-form.js';
+import '@operato/data-grist/ox-grist.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, MutationController, QUERY_ANSWERED, QueryController } 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 { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { isMobileDevice } from '@operato/utils';
+import { hasPrivilege } from '@things-factory/auth-base/dist-client';
+import { issueDocument } from '@things-factory/pdf/dist-client';
+import { STATUS_ROW_FIELDS } from '../utils/learning-api.js';
+import { dayOf, minutesOf, STATES, stateWord, t } from '../utils/learning-words.js';
+const TEAM_ROW_FIELDS = 'id state departmentName units unitsDone user { id name } course { id name } enrollment { id status dueOn completedAt }';
+/**
+ * 수강 현황 (ADR-0194 decisions 10, 11) - where enrolments stand: who, their department, the state today, units done,
+ * minutes, score and the completion day. The conditions - course, state with its counts, search, sort, page - are the
+ * grid's, kept in the address, and read by the server. A manager reminds and cancels from here and issues the completion
+ * register of the course filtered (PDF, through the issued document ledger) or exports the list (Excel). A department
+ * head sees the people of their departments - the state and days only.
+ */
+let LearningEnrollmentStatus = class LearningEnrollmentStatus extends localize(i18next)(PageView) {
+    constructor() {
+        super(...arguments);
+        /* The courses the course filter offers - a manager's only. */
+        this.courses = new QueryController(this, gql `query { courses(pagination: { page: 1, limit: 500 }) { items { id name } } }`, {
+            variables: () => (this.manager ? {} : undefined)
+        });
+        this.reminder = new MutationController(this, gql `mutation ($ids: [String!]!) { remindEnrollments(ids: $ids) }`);
+        this.canceller = new MutationController(this, gql `mutation ($id: String!, $reason: String!) { cancelEnrollment(id: $id, reason: $reason) { id } }`);
+    }
+    static { this.styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]; }
+    /** The course the grid's `course` filter names - the completion register is of it. */
+    get filteredCourse() {
+        const id = this.grist?.filters?.find((one) => one.name === 'course')?.value;
+        return id ? (this.courses.data?.courses?.items ?? []).find((one) => one.id === id) : undefined;
+    }
+    get context() {
+        const course = this.filteredCourse;
+        return {
+            title: t('title.learning-enrollment-status'),
+            search: { handler: (search) => (this.grist.searchText = search), value: this.grist?.searchText || '' },
+            filter: { handler: () => this.grist.toggleHeadroom() },
+            ...(this.manager
+                ? {
+                    actions: [
+                        { title: t('button.learning-remind'), icon: 'notifications_active', action: () => this.remind() },
+                        { title: t('button.learning-cancel-enrollment'), icon: 'block', action: () => this.cancel() },
+                        ...(course ? [{ title: t('button.learning-register-pdf'), icon: 'picture_as_pdf', action: () => issueDocument({ kind: 'learning.completion-register', refId: course.id, withAsOf: true }) }] : [])
+                    ],
+                    exportable: { name: course ? t('text.learning-register-name', { course: course.name }) : t('title.learning-enrollment-status'), data: () => this.grist.exportRecords() }
+                }
+                : {})
+        };
+    }
+    render() {
+        return this.gristConfig
+            ? html `<ox-grist
+          class="page-fill"
+          search-mode="term"
+          .mode=${isMobileDevice() ? 'CARD' : 'GRID'}
+          .config=${this.gristConfig}
+          .fetchHandler=${this.fetchHandler.bind(this)}
+          .countHandler=${this.countHandler.bind(this)}
+          ?url-params-sensitive=${this.active}
+        >
+          <div slot="headroom" class="header">
+            <div class="filters"><ox-filters-form without-search></ox-filters-form></div>
+          </div>
+        </ox-grist>`
+            : html ``;
+    }
+    async pageInitialized() {
+        this.manager = !!(await hasPrivilege({ category: 'course', privilege: 'query', domainOwnerGranted: true }));
+        this.gristConfig = this.configOf(this.manager);
+        this.updateContext();
+    }
+    /** The courses for the course filter, once the read of them has answered. */
+    async courseOptions() {
+        if (this.courses.loading)
+            await new Promise(resolve => this.addEventListener(QUERY_ANSWERED, resolve, { once: true }));
+        return [{ value: '', display: t('text.learning-course-all') }, ...(this.courses.data?.courses?.items ?? []).map((one) => ({ value: one.id, display: one.name }))];
+    }
+    recordOf(row) {
+        const e = row.enrollment ?? {};
+        return {
+            id: row.id,
+            name: row.user?.name ?? '',
+            department: row.departmentName ?? '',
+            course: row.course?.name ?? '',
+            state: row.state,
+            dueOn: e.dueOn ?? '',
+            units: `${row.unitsDone}/${row.units}`,
+            minutes: e.learnedSeconds != null ? minutesOf(e.learnedSeconds) : null,
+            score: e.score ?? null,
+            completedOn: dayOf(e.completedAt),
+            certificateNo: e.certificateNo ?? '',
+            open: e.status === 'ASSIGNED' || e.status === 'IN_PROGRESS'
+        };
+    }
+    configOf(manager) {
+        const column = (name, header, width, extra = {}) => ({ type: 'string', name, header, width, sortable: false, ...extra, record: { editable: false, ...extra.record } });
+        return {
+            rows: { appendable: false, selectable: manager ? { multiple: true } : false },
+            pagination: { limit: 100, pages: [50, 100, 500] },
+            emptyNote: { title: t('text.learning-no-enrollment') },
+            list: { fields: ['name', 'state'], details: ['course', 'dueOn'] },
+            columns: [
+                ...(manager ? [{ type: 'gutter', gutterName: 'row-selector', multiple: true }] : []),
+                column('name', t('field.learning-learner'), 120),
+                column('department', t('field.learning-department'), 120),
+                column('course', t('field.learning-course-name'), 220, manager ? { filter: { type: 'select', operator: 'eq', options: () => this.courseOptions() } } : {}),
+                column('state', t('field.learning-state'), 100, {
+                    record: { renderer: (value) => stateWord(value) },
+                    /* Chips with their counts; none pressed is every state. */
+                    filter: { type: 'select-buttons', operator: 'in', options: STATES.map(value => ({ value, display: stateWord(value) })) }
+                }),
+                column('dueOn', t('field.learning-due-on'), 110, { sortable: true }),
+                column('units', t('field.learning-units-done'), 90, { record: { align: 'right' } }),
+                ...(manager ? [column('minutes', t('field.learning-minutes'), 120, { record: { align: 'right' } }), column('score', t('field.learning-score'), 70, { record: { align: 'right' } })] : []),
+                column('completedOn', t('field.learning-completed-on'), 110),
+                ...(manager ? [column('certificateNo', t('field.learning-certificate-no'), 180)] : [])
+            ],
+            sorters: [{ name: 'dueOn' }]
+        };
+    }
+    async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [], search, signal }) {
+        const door = this.manager ? 'enrollmentStatus' : 'teamEnrollmentStatus';
+        const response = await client.query({
+            query: gql `
+        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {
+          responses: ${door}(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {
+            items { ${this.manager ? STATUS_ROW_FIELDS : TEAM_ROW_FIELDS} }
+            total
+          }
+        }
+      `,
+            variables: { filters, pagination: { page, limit }, sortings, search: search?.trim() || undefined },
+            fetchPolicy: 'no-cache',
+            context: { fetchOptions: { signal }, queryDeduplication: false }
+        });
+        if (response.errors?.length)
+            throw response.errors[0];
+        /* The register action names the course filtered - said again with each read. */
+        this.updateContext();
+        return { total: response.data.responses.total, records: response.data.responses.items.map((row) => this.recordOf(row)) };
+    }
+    /* The state chips' numbers, under the list's other conditions - the chips' own left out, counted by the server. */
+    async countHandler({ filters = [], search, signal }) {
+        const response = await client.query({
+            query: gql `
+        query ($filters: [Filter!], $search: String) {
+          enrollmentStateCounts(filters: $filters, search: $search) { value count }
+        }
+      `,
+            variables: { filters: filters.filter((one) => one.name !== 'state'), search: search?.trim() || undefined },
+            fetchPolicy: 'no-cache',
+            context: { fetchOptions: { signal }, queryDeduplication: false }
+        });
+        if (response.errors?.length)
+            throw response.errors[0];
+        return { state: Object.fromEntries(response.data.enrollmentStateCounts.map((row) => [row.value, row.count])) };
+    }
+    selectedOpen() {
+        return (this.grist?.selected ?? []).filter((one) => one.open);
+    }
+    async remind() {
+        const ids = this.selectedOpen().map(one => one.id);
+        if (!ids.length)
+            return notify({ level: 'warn', message: t('text.learning-pick-open') });
+        const done = await this.reminder.run({ ids });
+        if (done)
+            notify({ message: t('text.learning-reminded', { count: done.remindEnrollments }) });
+    }
+    async cancel() {
+        const [one] = this.grist?.selected ?? [];
+        if (!one)
+            return notify({ level: 'warn', message: t('text.learning-pick-one') });
+        const reason = await OxPrompt.prompt({ title: t('button.learning-cancel-enrollment'), text: t('field.learning-cancel-reason'), multiline: true });
+        if (reason === null || !String(reason).trim())
+            return;
+        if (await this.canceller.run({ id: one.id, reason: String(reason).trim() })) {
+            notify({ message: t('text.learning-cancelled') });
+            this.grist.fetch();
+        }
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Boolean)
+], LearningEnrollmentStatus.prototype, "manager", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], LearningEnrollmentStatus.prototype, "gristConfig", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist
+    /* The courses the course filter offers - a manager's only. */
+    )
+], LearningEnrollmentStatus.prototype, "grist", void 0);
+LearningEnrollmentStatus = __decorate([
+    customElement('learning-enrollment-status')
+], LearningEnrollmentStatus);
+export { LearningEnrollmentStatus };
+//# sourceMappingURL=learning-enrollment-status.js.map

package/dist-client/pages/learning-enrollment-status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"learning-enrollment-status.js","sourceRoot":"","sources":["../../client/pages/learning-enrollment-status.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-filters-form.js'\nimport '@operato/data-grist/ox-grist.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, MutationController, QUERY_ANSWERED, QueryController } 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 { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client'\nimport { issueDocument } from '@things-factory/pdf/dist-client'\n\nimport { STATUS_ROW_FIELDS } from '../utils/learning-api.js'\nimport { dayOf, minutesOf, STATES, stateWord, t } from '../utils/learning-words.js'\n\nconst TEAM_ROW_FIELDS = 'id state departmentName units unitsDone user { id name } course { id name } enrollment { id status dueOn completedAt }'\n\n/**\n * 수강 현황 (ADR-0194 decisions 10, 11) - where enrolments stand: who, their department, the state today, units done,\n * minutes, score and the completion day. The conditions - course, state with its counts, search, sort, page - are the\n * grid's, kept in the address, and read by the server. A manager reminds and cancels from here and issues the completion\n * register of the course filtered (PDF, through the issued document ledger) or exports the list (Excel). A department\n * head sees the people of their departments - the state and days only.\n */\n@customElement('learning-enrollment-status')\nexport class LearningEnrollmentStatus extends localize(i18next)(PageView) {\n  static styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]\n\n  /* A manager reads everyone; anyone else reads their departments - known once asked. */\n  @state() private manager?: boolean\n  @state() private gristConfig: any\n  @query('ox-grist') private grist!: DataGrist\n\n  /* The courses the course filter offers - a manager's only. */\n  private courses = new QueryController(this, gql`query { courses(pagination: { page: 1, limit: 500 }) { items { id name } } }`, {\n    variables: () => (this.manager ? {} : undefined)\n  })\n  private reminder = new MutationController(this, gql`mutation ($ids: [String!]!) { remindEnrollments(ids: $ids) }`)\n  private canceller = new MutationController(this, gql`mutation ($id: String!, $reason: String!) { cancelEnrollment(id: $id, reason: $reason) { id } }`)\n\n  /** The course the grid's `course` filter names - the completion register is of it. */\n  private get filteredCourse(): { id: string; name: string } | undefined {\n    const id = this.grist?.filters?.find((one: any) => one.name === 'course')?.value\n    return id ? (this.courses.data?.courses?.items ?? []).find((one: any) => one.id === id) : undefined\n  }\n\n  get context() {\n    const course = this.filteredCourse\n    return {\n      title: t('title.learning-enrollment-status'),\n      search: { handler: (search: string) => (this.grist.searchText = search), value: this.grist?.searchText || '' },\n      filter: { handler: () => this.grist.toggleHeadroom() },\n      ...(this.manager\n        ? {\n            actions: [\n              { title: t('button.learning-remind'), icon: 'notifications_active', action: () => this.remind() },\n              { title: t('button.learning-cancel-enrollment'), icon: 'block', action: () => this.cancel() },\n              ...(course ? [{ title: t('button.learning-register-pdf'), icon: 'picture_as_pdf', action: () => issueDocument({ kind: 'learning.completion-register', refId: course.id, withAsOf: true }) }] : [])\n            ],\n            exportable: { name: course ? t('text.learning-register-name', { course: course.name }) : t('title.learning-enrollment-status'), data: () => this.grist.exportRecords() }\n          }\n        : {})\n    }\n  }\n\n  render() {\n    return this.gristConfig\n      ? html`<ox-grist\n          class=\"page-fill\"\n          search-mode=\"term\"\n          .mode=${isMobileDevice() ? 'CARD' : 'GRID'}\n          .config=${this.gristConfig}\n          .fetchHandler=${this.fetchHandler.bind(this)}\n          .countHandler=${this.countHandler.bind(this)}\n          ?url-params-sensitive=${this.active}\n        >\n          <div slot=\"headroom\" class=\"header\">\n            <div class=\"filters\"><ox-filters-form without-search></ox-filters-form></div>\n          </div>\n        </ox-grist>`\n      : html``\n  }\n\n  async pageInitialized() {\n    this.manager = !!(await hasPrivilege({ category: 'course', privilege: 'query', domainOwnerGranted: true }))\n    this.gristConfig = this.configOf(this.manager)\n    this.updateContext()\n  }\n\n  /** The courses for the course filter, once the read of them has answered. */\n  private async courseOptions(): Promise<{ value: string; display: string }[]> {\n    if (this.courses.loading) await new Promise(resolve => this.addEventListener(QUERY_ANSWERED, resolve, { once: true }))\n    return [{ value: '', display: t('text.learning-course-all') }, ...(this.courses.data?.courses?.items ?? []).map((one: any) => ({ value: one.id, display: one.name }))]\n  }\n\n  private recordOf(row: any) {\n    const e = row.enrollment ?? {}\n    return {\n      id: row.id,\n      name: row.user?.name ?? '',\n      department: row.departmentName ?? '',\n      course: row.course?.name ?? '',\n      state: row.state,\n      dueOn: e.dueOn ?? '',\n      units: `${row.unitsDone}/${row.units}`,\n      minutes: e.learnedSeconds != null ? minutesOf(e.learnedSeconds) : null,\n      score: e.score ?? null,\n      completedOn: dayOf(e.completedAt),\n      certificateNo: e.certificateNo ?? '',\n      open: e.status === 'ASSIGNED' || e.status === 'IN_PROGRESS'\n    }\n  }\n\n  private configOf(manager: boolean) {\n    const column = (name: string, header: string, width: any, extra: any = {}) => ({ type: 'string', name, header, width, sortable: false, ...extra, record: { editable: false, ...extra.record } })\n    return {\n      rows: { appendable: false, selectable: manager ? { multiple: true } : false },\n      pagination: { limit: 100, pages: [50, 100, 500] },\n      emptyNote: { title: t('text.learning-no-enrollment') },\n      list: { fields: ['name', 'state'], details: ['course', 'dueOn'] },\n      columns: [\n        ...(manager ? [{ type: 'gutter', gutterName: 'row-selector', multiple: true }] : []),\n        column('name', t('field.learning-learner'), 120),\n        column('department', t('field.learning-department'), 120),\n        column('course', t('field.learning-course-name'), 220, manager ? { filter: { type: 'select', operator: 'eq', options: () => this.courseOptions() } } : {}),\n        column('state', t('field.learning-state'), 100, {\n          record: { renderer: (value: string) => stateWord(value) },\n          /* Chips with their counts; none pressed is every state. */\n          filter: { type: 'select-buttons', operator: 'in', options: STATES.map(value => ({ value, display: stateWord(value) })) }\n        }),\n        column('dueOn', t('field.learning-due-on'), 110, { sortable: true }),\n        column('units', t('field.learning-units-done'), 90, { record: { align: 'right' } }),\n        ...(manager ? [column('minutes', t('field.learning-minutes'), 120, { record: { align: 'right' } }), column('score', t('field.learning-score'), 70, { record: { align: 'right' } })] : []),\n        column('completedOn', t('field.learning-completed-on'), 110),\n        ...(manager ? [column('certificateNo', t('field.learning-certificate-no'), 180)] : [])\n      ],\n      sorters: [{ name: 'dueOn' }]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [], search, signal }: FetchOption) {\n    const door = this.manager ? 'enrollmentStatus' : 'teamEnrollmentStatus'\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {\n          responses: ${door}(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {\n            items { ${this.manager ? STATUS_ROW_FIELDS : TEAM_ROW_FIELDS} }\n            total\n          }\n        }\n      `,\n      variables: { filters, pagination: { page, limit }, sortings, search: search?.trim() || undefined },\n      fetchPolicy: 'no-cache',\n      context: { fetchOptions: { signal }, queryDeduplication: false }\n    })\n    if (response.errors?.length) throw response.errors[0]\n    /* The register action names the course filtered - said again with each read. */\n    this.updateContext()\n    return { total: response.data.responses.total, records: response.data.responses.items.map((row: any) => this.recordOf(row)) }\n  }\n\n  /* The state chips' numbers, under the list's other conditions - the chips' own left out, counted by the server. */\n  async countHandler({ filters = [], search, signal }: FetchOption) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $search: String) {\n          enrollmentStateCounts(filters: $filters, search: $search) { value count }\n        }\n      `,\n      variables: { filters: filters.filter((one: any) => one.name !== 'state'), search: search?.trim() || undefined },\n      fetchPolicy: 'no-cache',\n      context: { fetchOptions: { signal }, queryDeduplication: false }\n    })\n    if (response.errors?.length) throw response.errors[0]\n    return { state: Object.fromEntries(response.data.enrollmentStateCounts.map((row: { value: string; count: number }) => [row.value, row.count])) }\n  }\n\n  private selectedOpen(): any[] {\n    return (this.grist?.selected ?? []).filter((one: any) => one.open)\n  }\n\n  private async remind() {\n    const ids = this.selectedOpen().map(one => one.id)\n    if (!ids.length) return notify({ level: 'warn', message: t('text.learning-pick-open') })\n    const done = await this.reminder.run({ ids })\n    if (done) notify({ message: t('text.learning-reminded', { count: done.remindEnrollments }) })\n  }\n\n  private async cancel() {\n    const [one] = this.grist?.selected ?? []\n    if (!one) return notify({ level: 'warn', message: t('text.learning-pick-one') })\n    const reason = await OxPrompt.prompt({ title: t('button.learning-cancel-enrollment'), text: t('field.learning-cancel-reason'), multiline: true })\n    if (reason === null || !String(reason).trim()) return\n    if (await this.canceller.run({ id: one.id, reason: String(reason).trim() })) {\n      notify({ message: t('text.learning-cancelled') })\n      this.grist.fetch()\n    }\n  }\n}\n\n"]}

package/dist-client/pages/learning-view.d.ts

@@ -0,0 +1,63 @@
+import '@material/web/button/filled-button.js';
+import '@material/web/button/text-button.js';
+import '@material/web/icon/icon.js';
+import '@operato/learning/ox-learning-progress.js';
+import '@operato/learning/ox-lesson.js';
+import '@operato/learning/ox-quiz.js';
+import '@operato/list-state/ox-page-state.js';
+import { PageView } from '@operato/shell';
+declare const LearningView_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+/**
+ * 과정 화면 (ADR-0194 decisions 3-9) - one enrolment: the units in order with the one open played by `ox-lesson`, whose
+ * ticks go to the server as they come (the server counts the time); the quiz drawn by the server and scored there; the
+ * acknowledgement; and the certificate once completed. On a phone the unit list sits above the lesson.
+ */
+export declare class LearningView extends LearningView_base {
+    static styles: import("lit").CSSResult[];
+    private enrollmentId;
+    private unitId;
+    private drawn?;
+    private result?;
+    private agreed;
+    private tickError;
+    private switching;
+    private read;
+    private savedAt?;
+    private tickSave;
+    private quizStart;
+    private quizSubmit;
+    private acknowledgement;
+    private ticks;
+    /** Where each lesson starts - the server's last answer for its unit, else what the page read (LessonStarts). */
+    private starts;
+    get enrollment(): any;
+    get context(): {
+        subject?: {
+            type: string;
+            id: string;
+        } | undefined;
+        title: string;
+        frame: string;
+        menu: string;
+    };
+    pageUpdated(changes: any, lifecycle: any): Promise<void>;
+    updated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private renderEnrollment;
+    private renderLesson;
+    private renderQuiz;
+    private renderAcknowledgement;
+    /**
+     * Opens a unit. The lesson shown leaves first and its last tick is answered, so the unit opened - the same one coming
+     * back too - starts from what the server counted, not from what the page read when it opened (2026-11-08).
+     */
+    private open;
+    /** Keeps the server's answer for a unit - the next time it opens, it starts there. */
+    private keep;
+    private tick;
+    private tickLeaving;
+    private startQuiz;
+    private submit;
+    private errorText;
+}
+export {};