@things-factory/learning 0.0.0-stage → 10.1.260

package/dist-client/components/learning-unit-form.js

@@ -0,0 +1,143 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/button/filled-button.js';
+import '@material/web/button/text-button.js';
+import '@operato/input/ox-input-file.js';
+import '@operato/input/ox-input-select-buttons.js';
+import '@operato/popup/ox-popup-actions.js';
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { i18next, localize } from '@operato/i18n';
+import { openPopup } from '@operato/layout';
+import { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles';
+import { t, UNIT_KINDS, unitKindWord } from '../utils/learning-words.js';
+/** Opens the unit form. Resolves with what was given - the unit and a file picked for it - or null. */
+export function openUnitForm(unit) {
+    const popup = openPopup(html `<learning-unit-form .unit=${unit} @done=${(e) => popup.close(e.detail)} @close=${() => popup.close()}></learning-unit-form>`, { backdrop: true, size: 'large', title: unit.id ? t('title.learning-unit-edit') : t('title.learning-unit-new') });
+    return popup.result.then(value => (value ?? null));
+}
+/** A video's length in seconds, read from the file in the browser - the server needs it to know when it was watched to the end. */
+export function videoDurationOf(file) {
+    return new Promise(resolve => {
+        const video = document.createElement('video');
+        const url = URL.createObjectURL(file);
+        const done = (value) => {
+            URL.revokeObjectURL(url);
+            resolve(value);
+        };
+        video.preload = 'metadata';
+        video.onloadedmetadata = () => done(Number.isFinite(video.duration) ? Math.round(video.duration) : undefined);
+        video.onerror = () => done(undefined);
+        video.src = url;
+    });
+}
+/* 단원 (ADR-0194 decision 3) - its kind, name and what it holds: a video or a PDF file, a text, or a link. */
+let LearningUnitForm = class LearningUnitForm extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.unit = { kind: 'VIDEO', name: '' };
+        this.draft = { kind: 'VIDEO', name: '' };
+    }
+    static { this.styles = [
+        CommonPopupStyles,
+        PopupBodyStyles,
+        FormFieldStyles,
+        PopupFieldStyles,
+        css `
+      ox-input-select-buttons {
+        align-self: flex-start;
+      }
+      textarea {
+        min-height: 240px;
+        resize: vertical;
+        font-family: var(--ui-font-mono, monospace);
+      }
+    `
+    ]; }
+    willUpdate(changed) {
+        if (changed.has('unit'))
+            this.draft = { ...this.unit };
+    }
+    render() {
+        const kind = this.draft.kind;
+        const fileKind = kind === 'VIDEO' || kind === 'PDF';
+        return html `
+      <div class="body">
+        <div class="field">
+          <span>${t('field.learning-unit-kind')}</span>
+          <ox-input-select-buttons .value=${kind} .options=${UNIT_KINDS.map(code => ({ display: unitKindWord(code), value: code }))} @change=${(e) => e.detail && this.patch({ kind: e.detail })}></ox-input-select-buttons>
+          <span>${t(`text.learning-unit-${kind.toLowerCase()}-hint`)}</span>
+        </div>
+        <label class="field">
+          <span>${t('field.learning-unit-name')}</span>
+          <input .value=${this.draft.name} maxlength="200" @input=${(e) => this.patch({ name: e.target.value })} />
+        </label>
+        ${fileKind
+            ? html `<div class="field">
+              <span>${kind === 'VIDEO' ? t('field.learning-unit-video') : t('field.learning-unit-pdf')}</span>
+              <ox-input-file accept=${kind === 'VIDEO' ? 'video/*' : 'application/pdf'} @change=${(e) => this.pick(e)}></ox-input-file>
+              <span>${this.file ? this.file.name : this.draft.file?.name ? t('text.learning-unit-file-kept', { name: this.draft.file.name }) : t('text.learning-unit-file-none')}
+                ${kind === 'VIDEO' && (this.duration ?? this.draft.durationSeconds) ? ` · ${t('text.learning-unit-duration', { minutes: Math.floor((this.duration ?? this.draft.durationSeconds ?? 0) / 60), seconds: (this.duration ?? this.draft.durationSeconds ?? 0) % 60 })}` : ''}</span
+              >
+            </div>`
+            : nothing}
+        ${kind === 'MARKDOWN'
+            ? html `<label class="field">
+              <span>${t('field.learning-unit-body')}</span>
+              <textarea .value=${this.draft.body ?? ''} @input=${(e) => this.patch({ body: e.target.value })}></textarea>
+            </label>`
+            : nothing}
+        ${kind === 'LINK'
+            ? html `<label class="field">
+              <span>${t('field.learning-unit-url')}</span>
+              <input type="url" .value=${this.draft.url ?? ''} placeholder="https://" @input=${(e) => this.patch({ url: e.target.value })} />
+            </label>`
+            : nothing}
+        ${kind === 'PDF' || kind === 'MARKDOWN'
+            ? html `<label class="field">
+              <span>${t('field.learning-unit-min-seconds')}</span>
+              <input type="number" min="1" step="1" .value=${String(this.draft.minSeconds ?? 60)} @input=${(e) => this.patch({ minSeconds: e.target.value ? Number(e.target.value) : null })} />
+              <span>${t('text.learning-unit-min-seconds-hint')}</span>
+            </label>`
+            : nothing}
+      </div>
+      <ox-popup-actions>
+        <md-text-button slot="cancel" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${t('button.cancel')}</md-text-button>
+        <md-filled-button slot="confirm" ?disabled=${!this.draft.name?.trim()} @click=${() => this.done()}>${t('button.confirm')}</md-filled-button>
+      </ox-popup-actions>
+    `;
+    }
+    patch(change) {
+        this.draft = { ...this.draft, ...change };
+    }
+    async pick(e) {
+        const [file] = e.detail ?? [];
+        if (!file)
+            return;
+        this.file = file;
+        this.duration = this.draft.kind === 'VIDEO' ? await videoDurationOf(file) : undefined;
+    }
+    done() {
+        this.dispatchEvent(new CustomEvent('done', { detail: { unit: { ...this.draft, name: this.draft.name.trim() }, file: this.file, durationSeconds: this.duration } }));
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], LearningUnitForm.prototype, "unit", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], LearningUnitForm.prototype, "draft", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", File)
+], LearningUnitForm.prototype, "file", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Number)
+], LearningUnitForm.prototype, "duration", void 0);
+LearningUnitForm = __decorate([
+    customElement('learning-unit-form')
+], LearningUnitForm);
+export { LearningUnitForm };
+//# sourceMappingURL=learning-unit-form.js.map

package/dist-client/components/learning-unit-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"learning-unit-form.js","sourceRoot":"","sources":["../../client/components/learning-unit-form.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/input/ox-input-file.js'\nimport '@operato/input/ox-input-select-buttons.js'\nimport '@operato/popup/ox-popup-actions.js'\n\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\nimport { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles'\n\nimport { t, UNIT_KINDS, unitKindWord } from '../utils/learning-words.js'\n\nexport type UnitDraft = { id?: string; kind: string; name: string; body?: string | null; url?: string | null; minSeconds?: number | null; durationSeconds?: number | null; file?: { name?: string } | null }\nexport type UnitEdit = { unit: UnitDraft; file?: File; durationSeconds?: number }\n\n/** Opens the unit form. Resolves with what was given - the unit and a file picked for it - or null. */\nexport function openUnitForm(unit: UnitDraft): Promise<UnitEdit | null> {\n  const popup = openPopup(html`<learning-unit-form .unit=${unit} @done=${(e: CustomEvent) => popup.close(e.detail)} @close=${() => popup.close()}></learning-unit-form>`, { backdrop: true, size: 'large', title: unit.id ? t('title.learning-unit-edit') : t('title.learning-unit-new') })\n  return popup.result.then(value => (value ?? null) as any)\n}\n\n/** A video's length in seconds, read from the file in the browser - the server needs it to know when it was watched to the end. */\nexport function videoDurationOf(file: File): Promise<number | undefined> {\n  return new Promise(resolve => {\n    const video = document.createElement('video')\n    const url = URL.createObjectURL(file)\n    const done = (value?: number) => {\n      URL.revokeObjectURL(url)\n      resolve(value)\n    }\n    video.preload = 'metadata'\n    video.onloadedmetadata = () => done(Number.isFinite(video.duration) ? Math.round(video.duration) : undefined)\n    video.onerror = () => done(undefined)\n    video.src = url\n  })\n}\n\n/* 단원 (ADR-0194 decision 3) - its kind, name and what it holds: a video or a PDF file, a text, or a link. */\n@customElement('learning-unit-form')\nexport class LearningUnitForm extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonPopupStyles,\n    PopupBodyStyles,\n    FormFieldStyles,\n    PopupFieldStyles,\n    css`\n      ox-input-select-buttons {\n        align-self: flex-start;\n      }\n      textarea {\n        min-height: 240px;\n        resize: vertical;\n        font-family: var(--ui-font-mono, monospace);\n      }\n    `\n  ]\n\n  @property({ attribute: false }) unit: UnitDraft = { kind: 'VIDEO', name: '' }\n  @state() private draft: UnitDraft = { kind: 'VIDEO', name: '' }\n  @state() private file?: File\n  @state() private duration?: number\n\n  willUpdate(changed: Map<string, unknown>) {\n    if (changed.has('unit')) this.draft = { ...this.unit }\n  }\n\n  render() {\n    const kind = this.draft.kind\n    const fileKind = kind === 'VIDEO' || kind === 'PDF'\n    return html`\n      <div class=\"body\">\n        <div class=\"field\">\n          <span>${t('field.learning-unit-kind')}</span>\n          <ox-input-select-buttons .value=${kind} .options=${UNIT_KINDS.map(code => ({ display: unitKindWord(code), value: code }))} @change=${(e: CustomEvent) => e.detail && this.patch({ kind: e.detail })}></ox-input-select-buttons>\n          <span>${t(`text.learning-unit-${kind.toLowerCase()}-hint`)}</span>\n        </div>\n        <label class=\"field\">\n          <span>${t('field.learning-unit-name')}</span>\n          <input .value=${this.draft.name} maxlength=\"200\" @input=${(e: any) => this.patch({ name: e.target.value })} />\n        </label>\n        ${fileKind\n          ? html`<div class=\"field\">\n              <span>${kind === 'VIDEO' ? t('field.learning-unit-video') : t('field.learning-unit-pdf')}</span>\n              <ox-input-file accept=${kind === 'VIDEO' ? 'video/*' : 'application/pdf'} @change=${(e: CustomEvent) => this.pick(e)}></ox-input-file>\n              <span>${this.file ? this.file.name : this.draft.file?.name ? t('text.learning-unit-file-kept', { name: this.draft.file.name }) : t('text.learning-unit-file-none')}\n                ${kind === 'VIDEO' && (this.duration ?? this.draft.durationSeconds) ? ` · ${t('text.learning-unit-duration', { minutes: Math.floor((this.duration ?? this.draft.durationSeconds ?? 0) / 60), seconds: (this.duration ?? this.draft.durationSeconds ?? 0) % 60 })}` : ''}</span\n              >\n            </div>`\n          : nothing}\n        ${kind === 'MARKDOWN'\n          ? html`<label class=\"field\">\n              <span>${t('field.learning-unit-body')}</span>\n              <textarea .value=${this.draft.body ?? ''} @input=${(e: any) => this.patch({ body: e.target.value })}></textarea>\n            </label>`\n          : nothing}\n        ${kind === 'LINK'\n          ? html`<label class=\"field\">\n              <span>${t('field.learning-unit-url')}</span>\n              <input type=\"url\" .value=${this.draft.url ?? ''} placeholder=\"https://\" @input=${(e: any) => this.patch({ url: e.target.value })} />\n            </label>`\n          : nothing}\n        ${kind === 'PDF' || kind === 'MARKDOWN'\n          ? html`<label class=\"field\">\n              <span>${t('field.learning-unit-min-seconds')}</span>\n              <input type=\"number\" min=\"1\" step=\"1\" .value=${String(this.draft.minSeconds ?? 60)} @input=${(e: any) => this.patch({ minSeconds: e.target.value ? Number(e.target.value) : null })} />\n              <span>${t('text.learning-unit-min-seconds-hint')}</span>\n            </label>`\n          : nothing}\n      </div>\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${t('button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${!this.draft.name?.trim()} @click=${() => this.done()}>${t('button.confirm')}</md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  private patch(change: Partial<UnitDraft>) {\n    this.draft = { ...this.draft, ...change }\n  }\n\n  private async pick(e: CustomEvent) {\n    const [file] = (e.detail as File[]) ?? []\n    if (!file) return\n    this.file = file\n    this.duration = this.draft.kind === 'VIDEO' ? await videoDurationOf(file) : undefined\n  }\n\n  private done() {\n    this.dispatchEvent(new CustomEvent('done', { detail: { unit: { ...this.draft, name: this.draft.name.trim() }, file: this.file, durationSeconds: this.duration } }))\n  }\n}\n"]}

package/dist-client/index.d.ts

@@ -0,0 +1,2 @@
+export * from './utils/learning-words.js';
+export { unitsDoneOf } from './utils/learning-api.js';

package/dist-client/index.js

@@ -0,0 +1,3 @@
+export * from './utils/learning-words.js';
+export { unitsDoneOf } from './utils/learning-api.js';
+//# sourceMappingURL=index.js.map

package/dist-client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA","sourcesContent":["export * from './utils/learning-words.js'\nexport { unitsDoneOf } from './utils/learning-api.js'\n"]}

package/dist-client/pages/learning-course-editor.d.ts

@@ -0,0 +1,62 @@
+import '@material/web/button/filled-button.js';
+import '@material/web/button/outlined-button.js';
+import '@material/web/button/text-button.js';
+import '@material/web/icon/icon.js';
+import '@material/web/iconbutton/icon-button.js';
+import '@operato/input/ox-input-select-buttons.js';
+import '@operato/list-state/ox-empty-note.js';
+import '@operato/list-state/ox-page-state.js';
+import { PageView } from '@operato/shell';
+declare const LearningCourseEditor_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+/**
+ * 과정 편집 (ADR-0194 decisions 2-4, 7) - a course and its versions. A draft version takes its settings, units and
+ * questions; publishing it closes the version before. A published or closed version is shown as it is - it never
+ * changes; a change starts a new version copied from it.
+ */
+export declare class LearningCourseEditor extends LearningCourseEditor_base {
+    static styles: import("lit").CSSResult[];
+    private courseId;
+    private versionId;
+    private settings;
+    private course;
+    private version;
+    private saves;
+    get one(): any;
+    get current(): any;
+    get draft(): boolean;
+    get context(): {
+        subject?: {
+            type: string;
+            id: string;
+        } | undefined;
+        title: any;
+        frame: string;
+        menu: string;
+        actions: any[];
+    };
+    pageUpdated(changes: any, lifecycle: any): Promise<void>;
+    willUpdate(): void;
+    private settingsOf;
+    render(): import("lit-html").TemplateResult<1>;
+    private renderVersions;
+    private renderSettings;
+    private renderUnits;
+    private unitDetail;
+    private renderQuestions;
+    private editCourse;
+    private assign;
+    private newVersion;
+    private publish;
+    private closeVersion;
+    private removeVersion;
+    private saveSettings;
+    private saveUnits;
+    private editUnit;
+    private moveUnit;
+    private removeUnit;
+    private saveQuestions;
+    private editQuestion;
+    private moveQuestion;
+    private removeQuestion;
+}
+export {};