@things-factory/learning 0.0.0-stage → 10.1.260

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

@@ -0,0 +1,88 @@
+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 = [] }) {
+        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 }
+        });
+        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":";AAAA,OAAO,iCAAiC,CAAA;AAExC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAE/D,OAAO,EAAE,SAAS,EAAe,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAC/G,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,4BAA4B,CAAA;AAEnE;;;GAGG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;aAC1D,WAAM,GAAG,CAAC,qBAAqB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,eAAe,EAAE,GAAG,CAAA,EAAE,CAAC,AAAzF,CAAyF;IAKtG,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,CAAC,CAAC,4BAA4B,CAAC;YACtC,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,MAAc,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,IAAI,EAAE,EAAE;YAC9G,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,4BAA4B,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;SAC5H,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,wDAAwD,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,YAAY,IAAI,CAAC,WAAW,kBAAkB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAA;IAC/L,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,OAAY;QAC5B,IAAI,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW;YAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,CAAA;IAC5E,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,MAAM,IAAI,GAAG,CAAC,MAAW,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE,IAAI,QAAQ,CAAC,6BAA6B,MAAM,CAAC,EAAE,EAAE,CAAC,CAAA;QAC9F,IAAI,CAAC,WAAW,GAAG;YACjB,IAAI,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,EAAO,EAAE,EAAO,EAAE,IAAS,EAAE,MAAW,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE;YAC/H,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE;YAC3C,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,yBAAyB,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,qCAAqC,CAAC,EAAE;YACzG,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE;YACzE,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,4BAA4B,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;gBAClH,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC,gCAAgC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE;gBAC5K;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,WAAW;oBACjB,MAAM,EAAE,CAAC,CAAC,kCAAkC,CAAC;oBAC7C,KAAK,EAAE,GAAG;oBACV,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAO,EAAE,EAAO,EAAE,MAAW,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,8BAA8B,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,EAAE;iBACxN;gBACD,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC,+BAA+B,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAO,EAAE,EAAO,EAAE,MAAW,EAAE,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,IAAI,EAAE,EAAE,EAAE;gBAClM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC,2BAA2B,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE;aAClK;SACF,CAAA;IACH,CAAC;IAED,KAAK,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAe;QAC1E,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;OAOT;YACD,SAAS,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE;SAC9D,CAAC,CAAA;QACF,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,EAAE,CAAA;IAChG,CAAC;IAEO,KAAK,CAAC,MAAM;QAClB,MAAM,MAAM,GAAG,MAAM,cAAc,EAAE,CAAA;QACrC,IAAI,MAAM;YAAE,QAAQ,CAAC,6BAA6B,MAAM,CAAC,EAAE,EAAE,CAAC,CAAA;IAChE,CAAC;;AA5DQ;IAAR,KAAK,EAAE;;uDAAiB;AACE;IAA1B,KAAK,CAAC,UAAU,CAAC;8BAAiB,SAAS;iDAAA;AAJjC,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAgE9B","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 = [] }: 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    })\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,53 @@
+import '@operato/data-grist/ox-grist.js';
+import '@operato/input/ox-select.js';
+import '@operato/popup/ox-popup-list.js';
+import { PageView } from '@operato/shell';
+declare const LearningEnrollmentStatus_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+/**
+ * 수강 현황 (ADR-0194 decisions 10, 11) - where every enrolment of a course stands: who, their department, the state
+ * today, units done, minutes, score and the completion day, with counts on top. A manager reminds and cancels from here
+ * and issues the completion register (PDF, through the issued document ledger) or exports it (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 courseId;
+    private stateFilter;
+    private manager?;
+    private gristConfig;
+    private grist;
+    private courses;
+    private rows;
+    private teamRows;
+    private reminder;
+    private canceller;
+    private get filter();
+    private get list();
+    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;
+    };
+    private get courseList();
+    pageUpdated(changes: any, lifecycle: any): Promise<void>;
+    pageInitialized(): Promise<void>;
+    private recordOf;
+    private configOf;
+    render(): import("lit-html").TemplateResult<1>;
+    private pick;
+    private selectedOpen;
+    private remind;
+    private cancel;
+}
+export {};

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

@@ -0,0 +1,228 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/data-grist/ox-grist.js';
+import '@operato/input/ox-select.js';
+import '@operato/popup/ox-popup-list.js';
+import gql from 'graphql-tag';
+import { css, html, nothing } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+import { DataGrist } from '@operato/data-grist';
+import { MutationController, 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';
+/**
+ * 수강 현황 (ADR-0194 decisions 10, 11) - where every enrolment of a course stands: who, their department, the state
+ * today, units done, minutes, score and the completion day, with counts on top. A manager reminds and cancels from here
+ * and issues the completion register (PDF, through the issued document ledger) or exports it (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);
+        this.courseId = '';
+        this.stateFilter = '';
+        this.courses = new QueryController(this, gql `query { courses(pagination: { page: 1, limit: 500 }) { items { id name } } }`, {
+            variables: () => (this.manager ? {} : undefined)
+        });
+        this.rows = new QueryController(this, gql `query ($filter: EnrollmentStatusFilter) { enrollmentStatus(filter: $filter) { items { ${STATUS_ROW_FIELDS} } summary { total assigned inProgress completed overdue } } }`, { variables: () => (this.manager === true ? { filter: this.filter } : undefined), keepPrevious: true });
+        this.teamRows = new QueryController(this, gql `query ($filter: EnrollmentStatusFilter) { teamEnrollmentStatus(filter: $filter) { items { id state departmentName units unitsDone user { id name } course { id name } enrollment { id status dueOn completedAt } } summary { total assigned inProgress completed overdue } } }`, { variables: () => (this.manager === false ? { filter: this.filter } : undefined), keepPrevious: true });
+        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 } }`, { refetch: () => [this.rows] });
+    }
+    static { this.styles = [
+        WorkSurfacePageStyles,
+        CommonGristStyles,
+        CommonHeaderStyles,
+        ScrollbarStyles,
+        css `
+      .filters {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: var(--spacing-medium, 8px);
+      }
+      ox-select {
+        min-width: 160px;
+      }
+      .counts {
+        display: flex;
+        flex-wrap: wrap;
+        gap: var(--spacing-small, 4px) var(--spacing-large, 12px);
+        color: var(--ui-muted);
+        font-size: var(--ui-t-small, 12px);
+      }
+      .counts strong {
+        color: var(--ui-ink);
+        font-variant-numeric: tabular-nums;
+      }
+    `
+    ]; }
+    get filter() {
+        return { ...(this.courseId ? { courseId: this.courseId } : {}), ...(this.stateFilter ? { state: this.stateFilter } : {}) };
+    }
+    get list() {
+        return (this.manager ? this.rows.data?.enrollmentStatus : this.teamRows.data?.teamEnrollmentStatus) ?? { items: [], summary: null };
+    }
+    get context() {
+        const course = this.courseList.find(one => one.id === this.courseId);
+        return {
+            title: t('title.learning-enrollment-status'),
+            ...(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() }
+                }
+                : {})
+        };
+    }
+    get courseList() {
+        return this.courses.data?.courses?.items ?? [];
+    }
+    async pageUpdated(changes, lifecycle) {
+        if (!this.active)
+            return;
+        if (changes.params || changes.active) {
+            const course = lifecycle?.params?.course;
+            if (course && course !== this.courseId)
+                this.courseId = course;
+        }
+    }
+    async pageInitialized() {
+        this.manager = !!(await hasPrivilege({ category: 'course', privilege: 'query', domainOwnerGranted: true }));
+        this.gristConfig = this.configOf(this.manager);
+        this.updateContext();
+    }
+    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, record: { editable: false, ...extra } });
+        return {
+            rows: { appendable: false, selectable: manager ? { multiple: true } : false },
+            pagination: { infinite: true },
+            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),
+                column('state', t('field.learning-state'), 100, { renderer: (value) => stateWord(value) }),
+                column('dueOn', t('field.learning-due-on'), 110),
+                column('units', t('field.learning-units-done'), 90, { align: 'right' }),
+                ...(manager ? [column('minutes', t('field.learning-minutes'), 120, { align: 'right' }), column('score', t('field.learning-score'), 70, { align: 'right' })] : []),
+                column('completedOn', t('field.learning-completed-on'), 110),
+                ...(manager ? [column('certificateNo', t('field.learning-certificate-no'), 180)] : [])
+            ]
+        };
+    }
+    render() {
+        const summary = this.list.summary;
+        const states = [{ value: '', display: t('text.learning-state-all') }, ...STATES.map(value => ({ value, display: stateWord(value) }))];
+        const courses = [{ id: '', name: t('text.learning-course-all') }, ...this.courseList];
+        const records = this.list.items.map((row) => this.recordOf(row));
+        return html `<ox-grist class="page-fill" .mode=${isMobileDevice() ? 'CARD' : 'GRID'} .config=${this.gristConfig} .data=${{ records, total: records.length }}>
+      <div slot="headroom" class="header">
+        <div class="filters">
+          ${this.manager
+            ? html `<ox-select .value=${this.courseId} aria-label=${t('field.learning-course-name')} @change=${(e) => this.pick('course', String(e.detail ?? ''))}>
+                <span slot="label">${courses.find(one => one.id === this.courseId)?.name ?? ''}</span>
+                <ox-popup-list align-left nowrap with-search>${courses.map(one => html `<div option value=${one.id}>${one.name}</div>`)}</ox-popup-list>
+              </ox-select>`
+            : nothing}
+          <ox-select .value=${this.stateFilter} aria-label=${t('field.learning-state')} @change=${(e) => this.pick('state', String(e.detail ?? ''))}>
+            <span slot="label">${states.find(one => one.value === this.stateFilter)?.display}</span>
+            <ox-popup-list align-left nowrap>${states.map(one => html `<div option value=${one.value}>${one.display}</div>`)}</ox-popup-list>
+          </ox-select>
+          ${summary
+            ? html `<div class="counts" role="status">
+                <span>${t('text.learning-count-total')} <strong>${summary.total}</strong></span>
+                <span>${t('text.learning-count-assigned')} <strong>${summary.assigned}</strong></span>
+                <span>${t('text.learning-count-in-progress')} <strong>${summary.inProgress}</strong></span>
+                <span>${t('text.learning-count-completed')} <strong>${summary.completed}</strong></span>
+                <span>${t('text.learning-count-overdue')} <strong>${summary.overdue}</strong></span>
+              </div>`
+            : nothing}
+        </div>
+      </div>
+    </ox-grist>`;
+    }
+    pick(which, value) {
+        if (which === 'course' && value !== this.courseId)
+            this.courseId = value;
+        if (which === 'state' && value !== this.stateFilter)
+            this.stateFilter = value;
+        this.updateContext();
+    }
+    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') });
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], LearningEnrollmentStatus.prototype, "courseId", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], LearningEnrollmentStatus.prototype, "stateFilter", void 0);
+__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)
+], 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-grist.js'\nimport '@operato/input/ox-select.js'\nimport '@operato/popup/ox-popup-list.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, nothing } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist } from '@operato/data-grist'\nimport { MutationController, 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\n/**\n * 수강 현황 (ADR-0194 decisions 10, 11) - where every enrolment of a course stands: who, their department, the state\n * today, units done, minutes, score and the completion day, with counts on top. A manager reminds and cancels from here\n * and issues the completion register (PDF, through the issued document ledger) or exports it (Excel). A department head\n * 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 = [\n    WorkSurfacePageStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    ScrollbarStyles,\n    css`\n      .filters {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: var(--spacing-medium, 8px);\n      }\n      ox-select {\n        min-width: 160px;\n      }\n      .counts {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--spacing-small, 4px) var(--spacing-large, 12px);\n        color: var(--ui-muted);\n        font-size: var(--ui-t-small, 12px);\n      }\n      .counts strong {\n        color: var(--ui-ink);\n        font-variant-numeric: tabular-nums;\n      }\n    `\n  ]\n\n  @state() private courseId = ''\n  @state() private stateFilter = ''\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  private courses = new QueryController(this, gql`query { courses(pagination: { page: 1, limit: 500 }) { items { id name } } }`, {\n    variables: () => (this.manager ? {} : undefined)\n  })\n  private rows = new QueryController(\n    this,\n    gql`query ($filter: EnrollmentStatusFilter) { enrollmentStatus(filter: $filter) { items { ${STATUS_ROW_FIELDS} } summary { total assigned inProgress completed overdue } } }`,\n    { variables: () => (this.manager === true ? { filter: this.filter } : undefined), keepPrevious: true }\n  )\n  private teamRows = new QueryController(\n    this,\n    gql`query ($filter: EnrollmentStatusFilter) { teamEnrollmentStatus(filter: $filter) { items { id state departmentName units unitsDone user { id name } course { id name } enrollment { id status dueOn completedAt } } summary { total assigned inProgress completed overdue } } }`,\n    { variables: () => (this.manager === false ? { filter: this.filter } : undefined), keepPrevious: true }\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 } }`, { refetch: () => [this.rows] })\n\n  private get filter() {\n    return { ...(this.courseId ? { courseId: this.courseId } : {}), ...(this.stateFilter ? { state: this.stateFilter } : {}) }\n  }\n\n  private get list(): any {\n    return (this.manager ? this.rows.data?.enrollmentStatus : this.teamRows.data?.teamEnrollmentStatus) ?? { items: [], summary: null }\n  }\n\n  get context() {\n    const course = this.courseList.find(one => one.id === this.courseId)\n    return {\n      title: t('title.learning-enrollment-status'),\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  private get courseList(): { id: string; name: string }[] {\n    return this.courses.data?.courses?.items ?? []\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (!this.active) return\n    if (changes.params || changes.active) {\n      const course = lifecycle?.params?.course\n      if (course && course !== this.courseId) this.courseId = course\n    }\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  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, record: { editable: false, ...extra } })\n    return {\n      rows: { appendable: false, selectable: manager ? { multiple: true } : false },\n      pagination: { infinite: true },\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),\n        column('state', t('field.learning-state'), 100, { renderer: (value: string) => stateWord(value) }),\n        column('dueOn', t('field.learning-due-on'), 110),\n        column('units', t('field.learning-units-done'), 90, { align: 'right' }),\n        ...(manager ? [column('minutes', t('field.learning-minutes'), 120, { align: 'right' }), column('score', t('field.learning-score'), 70, { align: 'right' })] : []),\n        column('completedOn', t('field.learning-completed-on'), 110),\n        ...(manager ? [column('certificateNo', t('field.learning-certificate-no'), 180)] : [])\n      ]\n    }\n  }\n\n  render() {\n    const summary = this.list.summary\n    const states = [{ value: '', display: t('text.learning-state-all') }, ...STATES.map(value => ({ value, display: stateWord(value) }))]\n    const courses = [{ id: '', name: t('text.learning-course-all') }, ...this.courseList]\n    const records = this.list.items.map((row: any) => this.recordOf(row))\n    return html`<ox-grist class=\"page-fill\" .mode=${isMobileDevice() ? 'CARD' : 'GRID'} .config=${this.gristConfig} .data=${{ records, total: records.length }}>\n      <div slot=\"headroom\" class=\"header\">\n        <div class=\"filters\">\n          ${this.manager\n            ? html`<ox-select .value=${this.courseId} aria-label=${t('field.learning-course-name')} @change=${(e: CustomEvent) => this.pick('course', String(e.detail ?? ''))}>\n                <span slot=\"label\">${courses.find(one => one.id === this.courseId)?.name ?? ''}</span>\n                <ox-popup-list align-left nowrap with-search>${courses.map(one => html`<div option value=${one.id}>${one.name}</div>`)}</ox-popup-list>\n              </ox-select>`\n            : nothing}\n          <ox-select .value=${this.stateFilter} aria-label=${t('field.learning-state')} @change=${(e: CustomEvent) => this.pick('state', String(e.detail ?? ''))}>\n            <span slot=\"label\">${states.find(one => one.value === this.stateFilter)?.display}</span>\n            <ox-popup-list align-left nowrap>${states.map(one => html`<div option value=${one.value}>${one.display}</div>`)}</ox-popup-list>\n          </ox-select>\n          ${summary\n            ? html`<div class=\"counts\" role=\"status\">\n                <span>${t('text.learning-count-total')} <strong>${summary.total}</strong></span>\n                <span>${t('text.learning-count-assigned')} <strong>${summary.assigned}</strong></span>\n                <span>${t('text.learning-count-in-progress')} <strong>${summary.inProgress}</strong></span>\n                <span>${t('text.learning-count-completed')} <strong>${summary.completed}</strong></span>\n                <span>${t('text.learning-count-overdue')} <strong>${summary.overdue}</strong></span>\n              </div>`\n            : nothing}\n        </div>\n      </div>\n    </ox-grist>`\n  }\n\n  private pick(which: 'course' | 'state', value: string) {\n    if (which === 'course' && value !== this.courseId) this.courseId = value\n    if (which === 'state' && value !== this.stateFilter) this.stateFilter = value\n    this.updateContext()\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() })) notify({ message: t('text.learning-cancelled') })\n  }\n}\n\n"]}

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

@@ -0,0 +1,52 @@
+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 read;
+    private tickSave;
+    private quizStart;
+    private quizSubmit;
+    private acknowledgement;
+    private ticks;
+    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;
+    private open;
+    private tick;
+    private startQuiz;
+    private submit;
+    private errorText;
+}
+export {};