@things-factory/compliance 0.0.0-stage → 10.1.254

package/dist-client/components/training-attendance-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"training-attendance-form.js","sourceRoot":"","sources":["../../client/components/training-attendance-form.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@material/web/icon/icon.js'\nimport '@operato/input/ox-select.js'\nimport '@operato/popup/ox-popup-actions.js'\nimport '@operato/popup/ox-popup-list.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles'\n\nimport { failureOf } from '../words.js'\n\ntype Choice = { value: string; display: string }\n\n/** Opens the form for a session; resolves true when the attendance was recorded. */\nexport function openTrainingAttendanceForm(session: { id: string; name: string; startsOn: string; endsOn?: string | null }): Promise<boolean> {\n  return new Promise(resolve => {\n    let done = false\n    const handle: any = openPopup(\n      html`<training-attendance-form .session=${session} @close=${() => handle.close()} @recorded=${() => ((done = true), handle.close())}></training-attendance-form>`,\n      { backdrop: true, size: 'medium', title: i18next.t('title.training-attendance', { name: session.name }) }\n    )\n    handle.onclosed = () => resolve(done)\n  })\n}\n\n/**\n * 출석 기록 (ADR-0187 decision 17) - the people who attended a session, recorded at once as completed. Someone done\n * already for the kind and year is left as they are.\n */\n@customElement('training-attendance-form')\nexport class TrainingAttendanceForm extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonPopupStyles,\n    PopupBodyStyles,\n    FormFieldStyles,\n    PopupFieldStyles,\n    css`\n      [invalid] {\n        color: var(--ui-crit, var(--md-sys-color-error));\n        font-size: var(--ui-t-small, 11.5px);\n      }\n      [invalid]:empty {\n        display: none;\n      }\n      [guide] p {\n        margin: 0;\n        color: var(--ui-muted);\n        line-height: var(--popup-line-height);\n      }\n      ox-select {\n        width: 100%;\n      }\n      .chosen {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--spacing-small, 4px);\n      }\n      .chip {\n        display: inline-flex;\n        align-items: center;\n        gap: 4px;\n        padding: 2px 4px 2px 8px;\n        border-radius: 999px;\n        background: var(--md-sys-color-secondary-container);\n        color: var(--md-sys-color-on-secondary-container);\n      }\n      .chip button {\n        border: 0;\n        background: none;\n        cursor: pointer;\n        color: inherit;\n        display: inline-flex;\n        padding: 0;\n      }\n      .chip md-icon {\n        --md-icon-size: 16px;\n      }\n    `\n  ]\n\n  @property({ type: Object }) session!: { id: string; name: string; startsOn: string; endsOn?: string | null }\n\n  @state() private people: Choice[] = []\n  @state() private chosen: string[] = []\n  @state() private completedOn = ''\n  @state() private working = false\n  @state() private message = ''\n\n  async connectedCallback() {\n    super.connectedCallback()\n    this.completedOn = this.session.endsOn || this.session.startsOn\n    const response = await client.query({\n      query: gql`\n        query {\n          employees(filters: [{ name: \"retiredOn\", operator: \"is_null\" }], pagination: { page: 1, limit: 500 }, sortings: [{ name: \"name\" }]) {\n            items { id name controlNo }\n          }\n        }\n      `,\n      fetchPolicy: 'no-cache'\n    })\n    this.people = (response.data?.employees?.items ?? []).map((one: any) => ({ value: one.id, display: one.controlNo ? `${one.name} · ${one.controlNo}` : one.name }))\n  }\n\n  render() {\n    const left = this.people.filter(one => !this.chosen.includes(one.value))\n    return html`\n      <div class=\"body\">\n        <div guide><p>${i18next.t('text.training-attendance-guide')}</p></div>\n\n        <label class=\"field\">\n          <span>${i18next.t('field.training-completed-on')}</span>\n          <input type=\"date\" .value=${this.completedOn} min=${this.session.startsOn} @input=${(e: any) => (this.completedOn = e.target.value)} />\n        </label>\n\n        <div class=\"field\">\n          <span>${i18next.t('field.training-attendees')} (${this.chosen.length})</span>\n          <div class=\"chosen\">\n            ${this.chosen.map(\n              id => html`<span class=\"chip\"\n                >${this.people.find(one => one.value === id)?.display ?? id}\n                <button aria-label=${i18next.t('button.delete')} @click=${() => (this.chosen = this.chosen.filter(one => one !== id))}><md-icon>close</md-icon></button></span\n              >`\n            )}\n          </div>\n          <ox-select value=\"\" @change=${(e: CustomEvent) => e.detail && (this.chosen = [...this.chosen, String(e.detail)])}>\n            <span slot=\"label\">${i18next.t('text.training-attendee-add')}</span>\n            <ox-popup-list align-left nowrap with-search>${left.map(one => html`<div option value=${one.value}>${one.display}</div>`)}</ox-popup-list>\n          </ox-select>\n          <span invalid>${this.message}</span>\n        </div>\n      </div>\n\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${i18next.t('button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${this.working} @click=${() => this.record()}>${i18next.t('button.training-attendance-record')}</md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  private async record() {\n    this.message = ''\n    this.working = true\n    try {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($sessionId: String!, $employeeIds: [String!]!, $completedOn: String) {\n            recordTrainingAttendance(sessionId: $sessionId, employeeIds: $employeeIds, completedOn: $completedOn) { id }\n          }\n        `,\n        variables: { sessionId: this.session.id, employeeIds: this.chosen, completedOn: this.completedOn || null }\n      })\n      if ((response as any).errors?.length) throw response\n      notify({ message: i18next.t('text.training-attendance-recorded', { count: response.data.recordTrainingAttendance.length }) })\n      this.dispatchEvent(new CustomEvent('recorded'))\n    } catch (error) {\n      this.message = failureOf(error)\n    } finally {\n      this.working = false\n    }\n  }\n}\n"]}

package/dist-client/components/training-certificate-form.d.ts

@@ -0,0 +1,41 @@
+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/input/ox-select.js';
+import '@operato/popup/ox-popup-actions.js';
+import '@operato/popup/ox-popup-list.js';
+import { LitElement } from 'lit';
+/** What the certificate is for - a kind of a year, with that year's sessions to pick from. */
+export interface CertificateFor {
+    kind: string;
+    year: number;
+    sessions: {
+        id: string;
+        name: string;
+        startsOn: string;
+    }[];
+}
+/** Opens the form; resolves true when the certificate was sent. */
+export declare function openTrainingCertificateForm(of: CertificateFor): Promise<boolean>;
+declare const TrainingCertificateForm_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+/**
+ * 수료증 올리기 (ADR-0187 decision 17) - a training one took online or elsewhere: the day, how, who gave it, and the
+ * certificate. It counts once the manager confirms it.
+ */
+export declare class TrainingCertificateForm extends TrainingCertificateForm_base {
+    static styles: import("lit").CSSResult[];
+    of: CertificateFor;
+    private completedOn;
+    private method;
+    private sessionId;
+    private organisation;
+    private files;
+    private progress;
+    private working;
+    private message;
+    render(): import("lit-html").TemplateResult<1>;
+    private pick;
+    private send;
+}
+export {};

package/dist-client/components/training-certificate-form.js

@@ -0,0 +1,198 @@
+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/input/ox-select.js';
+import '@operato/popup/ox-popup-actions.js';
+import '@operato/popup/ox-popup-list.js';
+import gql from 'graphql-tag';
+import { css, html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { client, uploadContext } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { notify, openPopup } from '@operato/layout';
+import { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles';
+import { TRAINING_METHODS, trainingOptions, trainingWord } from '../training-words.js';
+import { failureOf } from '../words.js';
+/** Opens the form; resolves true when the certificate was sent. */
+export function openTrainingCertificateForm(of) {
+    return new Promise(resolve => {
+        let done = false;
+        const handle = openPopup(html `<training-certificate-form .of=${of} @close=${() => handle.close()} @sent=${() => ((done = true), handle.close())}></training-certificate-form>`, { backdrop: true, size: 'medium', title: i18next.t('title.training-certificate', { kind: trainingWord('kind', of.kind) }) });
+        handle.onclosed = () => resolve(done);
+    });
+}
+const today = () => {
+    const now = new Date();
+    return new Date(now.getTime() - now.getTimezoneOffset() * 60000).toISOString().slice(0, 10);
+};
+/**
+ * 수료증 올리기 (ADR-0187 decision 17) - a training one took online or elsewhere: the day, how, who gave it, and the
+ * certificate. It counts once the manager confirms it.
+ */
+let TrainingCertificateForm = class TrainingCertificateForm extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.completedOn = today();
+        this.method = 'ONLINE';
+        this.sessionId = '';
+        this.organisation = '';
+        this.files = [];
+        this.progress = 0;
+        this.working = false;
+        this.message = '';
+    }
+    static { this.styles = [
+        CommonPopupStyles,
+        PopupBodyStyles,
+        FormFieldStyles,
+        PopupFieldStyles,
+        css `
+      [invalid] {
+        color: var(--ui-crit, var(--md-sys-color-error));
+        font-size: var(--ui-t-small, 11.5px);
+      }
+      [invalid]:empty {
+        display: none;
+      }
+      [guide] p {
+        margin: 0;
+        color: var(--ui-muted);
+        line-height: var(--popup-line-height);
+      }
+      ox-input-select-buttons {
+        align-self: flex-start;
+      }
+      ox-select {
+        width: 100%;
+      }
+      ul {
+        margin: 0;
+        padding-left: var(--spacing-large, 12px);
+      }
+    `
+    ]; }
+    render() {
+        const sessions = [{ value: '', display: i18next.t('text.training-no-session') }, ...this.of.sessions.map(one => ({ value: one.id, display: `${one.name} · ${one.startsOn}` }))];
+        return html `
+      <div class="body">
+        <div guide><p>${i18next.t('text.training-certificate-guide')}</p></div>
+
+        <label class="field">
+          <span>${i18next.t('field.training-completed-on')}</span>
+          <input type="date" min=${`${this.of.year}-01-01`} max=${today()} .value=${this.completedOn} @input=${(e) => (this.completedOn = e.target.value)} />
+          <span>${i18next.t('text.training-completed-on-hint', { year: this.of.year })}</span>
+        </label>
+
+        <div class="field">
+          <span>${i18next.t('field.training-method')}</span>
+          <ox-input-select-buttons .value=${this.method} .options=${trainingOptions('method', TRAINING_METHODS)} @change=${(e) => e.detail && (this.method = e.detail)}></ox-input-select-buttons>
+        </div>
+
+        <label class="field">
+          <span>${i18next.t('field.training-session')}</span>
+          <ox-select .value=${this.sessionId} @change=${(e) => (this.sessionId = String(e.detail ?? ''))}>
+            <span slot="label">${sessions.find(one => one.value === this.sessionId)?.display ?? '—'}</span>
+            <ox-popup-list align-left nowrap with-search>${sessions.map(one => html `<div option value=${one.value}>${one.display}</div>`)}</ox-popup-list>
+          </ox-select>
+        </label>
+
+        <label class="field">
+          <span>${i18next.t('field.training-organisation')}</span>
+          <input .value=${this.organisation} @input=${(e) => (this.organisation = e.target.value)} />
+        </label>
+
+        <div class="field">
+          <span>${i18next.t('field.training-certificate')}</span>
+          ${this.files.length ? html `<ul>${this.files.map(one => html `<li>${one.name}</li>`)}</ul>` : ''}
+          <ox-input-file quiet hide-filelist multiple icon="attach_file" .progress=${this.progress} @change=${(e) => this.pick(e)}></ox-input-file>
+          <span>${i18next.t('text.training-certificate-hint')}</span>
+          <span invalid>${this.message}</span>
+        </div>
+      </div>
+
+      <ox-popup-actions>
+        <md-text-button slot="cancel" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${i18next.t('button.cancel')}</md-text-button>
+        <md-filled-button slot="confirm" ?disabled=${this.working} @click=${() => this.send()}>${i18next.t('button.training-certificate-send')}</md-filled-button>
+      </ox-popup-actions>
+    `;
+    }
+    pick(e) {
+        const picked = [...(e.detail ?? [])];
+        /* The picker's own reset says `change` again, with nothing - that one is let go. */
+        if (!picked.length)
+            return;
+        e.target.reset?.();
+        this.files = [...this.files, ...picked];
+    }
+    async send() {
+        this.message = '';
+        this.working = true;
+        try {
+            const response = await client.mutate({
+                mutation: gql `
+          mutation ($certificate: TrainingCertificateInput!, $attach: [Upload!]) {
+            submitTrainingCertificate(certificate: $certificate, attach: $attach) { id status }
+          }
+        `,
+                variables: {
+                    certificate: { kind: this.of.kind, year: this.of.year, completedOn: this.completedOn, method: this.method, sessionId: this.sessionId || null, organisation: this.organisation },
+                    attach: this.files
+                },
+                ...(this.files.length ? { context: uploadContext((fraction) => (this.progress = fraction)) } : {})
+            });
+            if (response.errors?.length)
+                throw response;
+            notify({ message: i18next.t('text.training-certificate-sent') });
+            this.dispatchEvent(new CustomEvent('sent'));
+        }
+        catch (error) {
+            this.message = failureOf(error);
+        }
+        finally {
+            this.working = false;
+        }
+    }
+};
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], TrainingCertificateForm.prototype, "of", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingCertificateForm.prototype, "completedOn", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingCertificateForm.prototype, "method", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingCertificateForm.prototype, "sessionId", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingCertificateForm.prototype, "organisation", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], TrainingCertificateForm.prototype, "files", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingCertificateForm.prototype, "progress", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingCertificateForm.prototype, "working", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingCertificateForm.prototype, "message", void 0);
+TrainingCertificateForm = __decorate([
+    customElement('training-certificate-form')
+], TrainingCertificateForm);
+export { TrainingCertificateForm };
+//# sourceMappingURL=training-certificate-form.js.map

package/dist-client/components/training-certificate-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"training-certificate-form.js","sourceRoot":"","sources":["../../client/components/training-certificate-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/input/ox-select.js'\nimport '@operato/popup/ox-popup-actions.js'\nimport '@operato/popup/ox-popup-list.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client, uploadContext } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles'\n\nimport { TRAINING_METHODS, trainingOptions, trainingWord } from '../training-words.js'\nimport { failureOf } from '../words.js'\n\n/** What the certificate is for - a kind of a year, with that year's sessions to pick from. */\nexport interface CertificateFor {\n  kind: string\n  year: number\n  sessions: { id: string; name: string; startsOn: string }[]\n}\n\n/** Opens the form; resolves true when the certificate was sent. */\nexport function openTrainingCertificateForm(of: CertificateFor): Promise<boolean> {\n  return new Promise(resolve => {\n    let done = false\n    const handle: any = openPopup(\n      html`<training-certificate-form .of=${of} @close=${() => handle.close()} @sent=${() => ((done = true), handle.close())}></training-certificate-form>`,\n      { backdrop: true, size: 'medium', title: i18next.t('title.training-certificate', { kind: trainingWord('kind', of.kind) }) }\n    )\n    handle.onclosed = () => resolve(done)\n  })\n}\n\nconst today = () => {\n  const now = new Date()\n  return new Date(now.getTime() - now.getTimezoneOffset() * 60000).toISOString().slice(0, 10)\n}\n\n/**\n * 수료증 올리기 (ADR-0187 decision 17) - a training one took online or elsewhere: the day, how, who gave it, and the\n * certificate. It counts once the manager confirms it.\n */\n@customElement('training-certificate-form')\nexport class TrainingCertificateForm extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonPopupStyles,\n    PopupBodyStyles,\n    FormFieldStyles,\n    PopupFieldStyles,\n    css`\n      [invalid] {\n        color: var(--ui-crit, var(--md-sys-color-error));\n        font-size: var(--ui-t-small, 11.5px);\n      }\n      [invalid]:empty {\n        display: none;\n      }\n      [guide] p {\n        margin: 0;\n        color: var(--ui-muted);\n        line-height: var(--popup-line-height);\n      }\n      ox-input-select-buttons {\n        align-self: flex-start;\n      }\n      ox-select {\n        width: 100%;\n      }\n      ul {\n        margin: 0;\n        padding-left: var(--spacing-large, 12px);\n      }\n    `\n  ]\n\n  @property({ type: Object }) of!: CertificateFor\n\n  @state() private completedOn = today()\n  @state() private method = 'ONLINE'\n  @state() private sessionId = ''\n  @state() private organisation = ''\n  @state() private files: File[] = []\n  @state() private progress = 0\n  @state() private working = false\n  @state() private message = ''\n\n  render() {\n    const sessions = [{ value: '', display: i18next.t('text.training-no-session') }, ...this.of.sessions.map(one => ({ value: one.id, display: `${one.name} · ${one.startsOn}` }))]\n    return html`\n      <div class=\"body\">\n        <div guide><p>${i18next.t('text.training-certificate-guide')}</p></div>\n\n        <label class=\"field\">\n          <span>${i18next.t('field.training-completed-on')}</span>\n          <input type=\"date\" min=${`${this.of.year}-01-01`} max=${today()} .value=${this.completedOn} @input=${(e: any) => (this.completedOn = e.target.value)} />\n          <span>${i18next.t('text.training-completed-on-hint', { year: this.of.year })}</span>\n        </label>\n\n        <div class=\"field\">\n          <span>${i18next.t('field.training-method')}</span>\n          <ox-input-select-buttons .value=${this.method} .options=${trainingOptions('method', TRAINING_METHODS)} @change=${(e: CustomEvent) => e.detail && (this.method = e.detail)}></ox-input-select-buttons>\n        </div>\n\n        <label class=\"field\">\n          <span>${i18next.t('field.training-session')}</span>\n          <ox-select .value=${this.sessionId} @change=${(e: CustomEvent) => (this.sessionId = String(e.detail ?? ''))}>\n            <span slot=\"label\">${sessions.find(one => one.value === this.sessionId)?.display ?? '—'}</span>\n            <ox-popup-list align-left nowrap with-search>${sessions.map(one => html`<div option value=${one.value}>${one.display}</div>`)}</ox-popup-list>\n          </ox-select>\n        </label>\n\n        <label class=\"field\">\n          <span>${i18next.t('field.training-organisation')}</span>\n          <input .value=${this.organisation} @input=${(e: any) => (this.organisation = e.target.value)} />\n        </label>\n\n        <div class=\"field\">\n          <span>${i18next.t('field.training-certificate')}</span>\n          ${this.files.length ? html`<ul>${this.files.map(one => html`<li>${one.name}</li>`)}</ul>` : ''}\n          <ox-input-file quiet hide-filelist multiple icon=\"attach_file\" .progress=${this.progress} @change=${(e: CustomEvent) => this.pick(e)}></ox-input-file>\n          <span>${i18next.t('text.training-certificate-hint')}</span>\n          <span invalid>${this.message}</span>\n        </div>\n      </div>\n\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${i18next.t('button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${this.working} @click=${() => this.send()}>${i18next.t('button.training-certificate-send')}</md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  private pick(e: CustomEvent) {\n    const picked = [...((e.detail as File[]) ?? [])]\n    /* The picker's own reset says `change` again, with nothing - that one is let go. */\n    if (!picked.length) return\n    ;(e.target as any).reset?.()\n    this.files = [...this.files, ...picked]\n  }\n\n  private async send() {\n    this.message = ''\n    this.working = true\n    try {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($certificate: TrainingCertificateInput!, $attach: [Upload!]) {\n            submitTrainingCertificate(certificate: $certificate, attach: $attach) { id status }\n          }\n        `,\n        variables: {\n          certificate: { kind: this.of.kind, year: this.of.year, completedOn: this.completedOn, method: this.method, sessionId: this.sessionId || null, organisation: this.organisation },\n          attach: this.files\n        },\n        ...(this.files.length ? { context: uploadContext((fraction: number) => (this.progress = fraction)) } : {})\n      })\n      if ((response as any).errors?.length) throw response\n      notify({ message: i18next.t('text.training-certificate-sent') })\n      this.dispatchEvent(new CustomEvent('sent'))\n    } catch (error) {\n      this.message = failureOf(error)\n    } finally {\n      this.working = false\n    }\n  }\n}\n"]}

package/dist-client/components/training-session-form.d.ts

@@ -0,0 +1,39 @@
+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/input/ox-select.js';
+import '@operato/popup/ox-popup-actions.js';
+import '@operato/popup/ox-popup-list.js';
+import '@things-factory/announcement/dist-client/components/audience-picker.js';
+import { LitElement } from 'lit';
+/** Opens the form with the kinds on; resolves with the opened session, or null when the person closed it. */
+export declare function openTrainingSessionForm(kinds: string[], year: number): Promise<any | null>;
+declare const TrainingSessionForm_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+/**
+ * 회차 열기 (ADR-0187 decision 16) - one training given: its kind and year, how, when, by whom, its material and who it
+ * is for. Opening it tells them.
+ */
+export declare class TrainingSessionForm extends TrainingSessionForm_base {
+    static styles: import("lit").CSSResult[];
+    kinds: string[];
+    year: number;
+    private kind;
+    private name;
+    private method;
+    private startsOn;
+    private endsOn;
+    private instructor;
+    private organisation;
+    private audiences;
+    private notes;
+    private files;
+    private progress;
+    private working;
+    private message;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private pick;
+    private open;
+}
+export {};

package/dist-client/components/training-session-form.js

@@ -0,0 +1,270 @@
+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/input/ox-select.js';
+import '@operato/popup/ox-popup-actions.js';
+import '@operato/popup/ox-popup-list.js';
+import '@things-factory/announcement/dist-client/components/audience-picker.js';
+import gql from 'graphql-tag';
+import { css, html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { client, uploadContext } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { notify, openPopup } from '@operato/layout';
+import { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles';
+import { TRAINING_METHODS, trainingOptions } from '../training-words.js';
+import { failureOf } from '../words.js';
+/** Opens the form with the kinds on; resolves with the opened session, or null when the person closed it. */
+export function openTrainingSessionForm(kinds, year) {
+    return new Promise(resolve => {
+        let done = null;
+        const handle = openPopup(html `<training-session-form .kinds=${kinds} .year=${year} @close=${() => handle.close()} @opened=${(e) => ((done = e.detail), handle.close())}></training-session-form>`, { backdrop: true, size: 'medium', title: i18next.t('title.training-session-open') });
+        handle.onclosed = () => resolve(done);
+    });
+}
+/**
+ * 회차 열기 (ADR-0187 decision 16) - one training given: its kind and year, how, when, by whom, its material and who it
+ * is for. Opening it tells them.
+ */
+let TrainingSessionForm = class TrainingSessionForm extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.kinds = [];
+        this.year = new Date().getFullYear();
+        this.kind = '';
+        this.name = '';
+        this.method = 'COLLECTIVE';
+        this.startsOn = '';
+        this.endsOn = '';
+        this.instructor = '';
+        this.organisation = '';
+        this.audiences = [];
+        this.notes = '';
+        this.files = [];
+        this.progress = 0;
+        this.working = false;
+        this.message = '';
+    }
+    static { this.styles = [
+        CommonPopupStyles,
+        PopupBodyStyles,
+        FormFieldStyles,
+        PopupFieldStyles,
+        css `
+      [invalid] {
+        color: var(--ui-crit, var(--md-sys-color-error));
+        font-size: var(--ui-t-small, 11.5px);
+      }
+      [invalid]:empty {
+        display: none;
+      }
+      [guide] p {
+        margin: 0;
+        color: var(--ui-muted);
+        line-height: var(--popup-line-height);
+      }
+      ox-input-select-buttons {
+        align-self: flex-start;
+      }
+      ox-select {
+        width: 100%;
+      }
+      ul {
+        margin: 0;
+        padding-left: var(--spacing-large, 12px);
+      }
+    `
+    ]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.kind = this.kinds[0] ?? '';
+    }
+    render() {
+        const kinds = trainingOptions('kind', this.kinds);
+        return html `
+      <div class="body">
+        <div guide><p>${i18next.t('text.training-session-guide')}</p></div>
+
+        <label class="field">
+          <span>${i18next.t('field.training-kind')}</span>
+          <ox-select .value=${this.kind} @change=${(e) => (this.kind = String(e.detail ?? ''))}>
+            <span slot="label">${kinds.find(one => one.value === this.kind)?.display ?? '—'}</span>
+            <ox-popup-list align-left nowrap with-search>${kinds.map(one => html `<div option value=${one.value}>${one.display}</div>`)}</ox-popup-list>
+          </ox-select>
+        </label>
+
+        <label class="field">
+          <span>${i18next.t('field.training-year')}</span>
+          <input type="number" min="2000" max="2999" .value=${String(this.year)} @input=${(e) => (this.year = Number(e.target.value))} />
+        </label>
+
+        <label class="field">
+          <span>${i18next.t('field.training-session-name')}</span>
+          <input .value=${this.name} @input=${(e) => (this.name = e.target.value)} />
+        </label>
+
+        <div class="field">
+          <span>${i18next.t('field.training-method')}</span>
+          <ox-input-select-buttons .value=${this.method} .options=${trainingOptions('method', TRAINING_METHODS)} @change=${(e) => e.detail && (this.method = e.detail)}></ox-input-select-buttons>
+        </div>
+
+        <label class="field">
+          <span>${i18next.t('field.training-starts-on')}</span>
+          <input type="date" .value=${this.startsOn} @input=${(e) => (this.startsOn = e.target.value)} />
+        </label>
+
+        <label class="field">
+          <span>${i18next.t('field.training-ends-on')}</span>
+          <input type="date" .value=${this.endsOn} @input=${(e) => (this.endsOn = e.target.value)} />
+        </label>
+
+        <label class="field">
+          <span>${i18next.t('field.training-instructor')}</span>
+          <input .value=${this.instructor} @input=${(e) => (this.instructor = e.target.value)} />
+        </label>
+
+        <label class="field">
+          <span>${i18next.t('field.training-organisation')}</span>
+          <input .value=${this.organisation} @input=${(e) => (this.organisation = e.target.value)} />
+        </label>
+
+        <div class="field">
+          <span>${i18next.t('field.training-audiences')}</span>
+          <announcement-audience-picker .value=${this.audiences} @change=${(e) => Array.isArray(e.detail) && (this.audiences = e.detail)}></announcement-audience-picker>
+          <span>${i18next.t('text.training-session-audiences-hint')}</span>
+        </div>
+
+        <div class="field">
+          <span>${i18next.t('field.training-material')}</span>
+          ${this.files.length ? html `<ul>${this.files.map(one => html `<li>${one.name}</li>`)}</ul>` : ''}
+          <ox-input-file quiet hide-filelist multiple icon="attach_file" .progress=${this.progress} @change=${(e) => this.pick(e)}></ox-input-file>
+        </div>
+
+        <label class="field">
+          <span>${i18next.t('field.training-notes')}</span>
+          <input .value=${this.notes} @input=${(e) => (this.notes = e.target.value)} />
+          <span invalid>${this.message}</span>
+        </label>
+      </div>
+
+      <ox-popup-actions>
+        <md-text-button slot="cancel" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${i18next.t('button.cancel')}</md-text-button>
+        <md-filled-button slot="confirm" ?disabled=${this.working} @click=${() => this.open()}>${i18next.t('button.training-session-open')}</md-filled-button>
+      </ox-popup-actions>
+    `;
+    }
+    pick(e) {
+        const picked = [...(e.detail ?? [])];
+        /* The picker's own reset says `change` again, with nothing - that one is let go. */
+        if (!picked.length)
+            return;
+        e.target.reset?.();
+        this.files = [...this.files, ...picked];
+    }
+    async open() {
+        this.message = '';
+        this.working = true;
+        try {
+            const response = await client.mutate({
+                mutation: gql `
+          mutation ($session: NewTrainingSession!, $attach: [Upload!]) {
+            openTrainingSession(session: $session, attach: $attach) { id }
+          }
+        `,
+                variables: {
+                    session: {
+                        kind: this.kind,
+                        year: this.year,
+                        name: this.name,
+                        method: this.method,
+                        startsOn: this.startsOn,
+                        endsOn: this.endsOn || null,
+                        instructor: this.instructor,
+                        organisation: this.organisation,
+                        audiences: this.audiences.map(({ scope, targetId, targetName }) => ({ scope, targetId, targetName })),
+                        notes: this.notes
+                    },
+                    attach: this.files
+                },
+                ...(this.files.length ? { context: uploadContext((fraction) => (this.progress = fraction)) } : {})
+            });
+            if (response.errors?.length)
+                throw response;
+            notify({ message: i18next.t('text.training-session-opened') });
+            this.dispatchEvent(new CustomEvent('opened', { detail: response.data.openTrainingSession }));
+        }
+        catch (error) {
+            this.message = failureOf(error);
+        }
+        finally {
+            this.working = false;
+        }
+    }
+};
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], TrainingSessionForm.prototype, "kinds", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Object)
+], TrainingSessionForm.prototype, "year", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingSessionForm.prototype, "kind", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingSessionForm.prototype, "name", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingSessionForm.prototype, "method", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingSessionForm.prototype, "startsOn", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingSessionForm.prototype, "endsOn", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingSessionForm.prototype, "instructor", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingSessionForm.prototype, "organisation", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], TrainingSessionForm.prototype, "audiences", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingSessionForm.prototype, "notes", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], TrainingSessionForm.prototype, "files", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingSessionForm.prototype, "progress", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingSessionForm.prototype, "working", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TrainingSessionForm.prototype, "message", void 0);
+TrainingSessionForm = __decorate([
+    customElement('training-session-form')
+], TrainingSessionForm);
+export { TrainingSessionForm };
+//# sourceMappingURL=training-session-form.js.map

package/dist-client/components/training-session-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"training-session-form.js","sourceRoot":"","sources":["../../client/components/training-session-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/input/ox-select.js'\nimport '@operato/popup/ox-popup-actions.js'\nimport '@operato/popup/ox-popup-list.js'\nimport '@things-factory/announcement/dist-client/components/audience-picker.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client, uploadContext } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles'\n\nimport { TRAINING_METHODS, trainingOptions } from '../training-words.js'\nimport { failureOf } from '../words.js'\n\ntype Audience = { scope: string; targetId: string; targetName?: string }\n\n/** Opens the form with the kinds on; resolves with the opened session, or null when the person closed it. */\nexport function openTrainingSessionForm(kinds: string[], year: number): Promise<any | null> {\n  return new Promise(resolve => {\n    let done: any = null\n    const handle: any = openPopup(\n      html`<training-session-form .kinds=${kinds} .year=${year} @close=${() => handle.close()} @opened=${(e: CustomEvent) => ((done = e.detail), handle.close())}></training-session-form>`,\n      { backdrop: true, size: 'medium', title: i18next.t('title.training-session-open') }\n    )\n    handle.onclosed = () => resolve(done)\n  })\n}\n\n/**\n * 회차 열기 (ADR-0187 decision 16) - one training given: its kind and year, how, when, by whom, its material and who it\n * is for. Opening it tells them.\n */\n@customElement('training-session-form')\nexport class TrainingSessionForm extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonPopupStyles,\n    PopupBodyStyles,\n    FormFieldStyles,\n    PopupFieldStyles,\n    css`\n      [invalid] {\n        color: var(--ui-crit, var(--md-sys-color-error));\n        font-size: var(--ui-t-small, 11.5px);\n      }\n      [invalid]:empty {\n        display: none;\n      }\n      [guide] p {\n        margin: 0;\n        color: var(--ui-muted);\n        line-height: var(--popup-line-height);\n      }\n      ox-input-select-buttons {\n        align-self: flex-start;\n      }\n      ox-select {\n        width: 100%;\n      }\n      ul {\n        margin: 0;\n        padding-left: var(--spacing-large, 12px);\n      }\n    `\n  ]\n\n  @property({ type: Array }) kinds: string[] = []\n  @property({ type: Number }) year = new Date().getFullYear()\n\n  @state() private kind = ''\n  @state() private name = ''\n  @state() private method = 'COLLECTIVE'\n  @state() private startsOn = ''\n  @state() private endsOn = ''\n  @state() private instructor = ''\n  @state() private organisation = ''\n  @state() private audiences: Audience[] = []\n  @state() private notes = ''\n  @state() private files: File[] = []\n  @state() private progress = 0\n  @state() private working = false\n  @state() private message = ''\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.kind = this.kinds[0] ?? ''\n  }\n\n  render() {\n    const kinds = trainingOptions('kind', this.kinds)\n    return html`\n      <div class=\"body\">\n        <div guide><p>${i18next.t('text.training-session-guide')}</p></div>\n\n        <label class=\"field\">\n          <span>${i18next.t('field.training-kind')}</span>\n          <ox-select .value=${this.kind} @change=${(e: CustomEvent) => (this.kind = String(e.detail ?? ''))}>\n            <span slot=\"label\">${kinds.find(one => one.value === this.kind)?.display ?? '—'}</span>\n            <ox-popup-list align-left nowrap with-search>${kinds.map(one => html`<div option value=${one.value}>${one.display}</div>`)}</ox-popup-list>\n          </ox-select>\n        </label>\n\n        <label class=\"field\">\n          <span>${i18next.t('field.training-year')}</span>\n          <input type=\"number\" min=\"2000\" max=\"2999\" .value=${String(this.year)} @input=${(e: any) => (this.year = Number(e.target.value))} />\n        </label>\n\n        <label class=\"field\">\n          <span>${i18next.t('field.training-session-name')}</span>\n          <input .value=${this.name} @input=${(e: any) => (this.name = e.target.value)} />\n        </label>\n\n        <div class=\"field\">\n          <span>${i18next.t('field.training-method')}</span>\n          <ox-input-select-buttons .value=${this.method} .options=${trainingOptions('method', TRAINING_METHODS)} @change=${(e: CustomEvent) => e.detail && (this.method = e.detail)}></ox-input-select-buttons>\n        </div>\n\n        <label class=\"field\">\n          <span>${i18next.t('field.training-starts-on')}</span>\n          <input type=\"date\" .value=${this.startsOn} @input=${(e: any) => (this.startsOn = e.target.value)} />\n        </label>\n\n        <label class=\"field\">\n          <span>${i18next.t('field.training-ends-on')}</span>\n          <input type=\"date\" .value=${this.endsOn} @input=${(e: any) => (this.endsOn = e.target.value)} />\n        </label>\n\n        <label class=\"field\">\n          <span>${i18next.t('field.training-instructor')}</span>\n          <input .value=${this.instructor} @input=${(e: any) => (this.instructor = e.target.value)} />\n        </label>\n\n        <label class=\"field\">\n          <span>${i18next.t('field.training-organisation')}</span>\n          <input .value=${this.organisation} @input=${(e: any) => (this.organisation = e.target.value)} />\n        </label>\n\n        <div class=\"field\">\n          <span>${i18next.t('field.training-audiences')}</span>\n          <announcement-audience-picker .value=${this.audiences} @change=${(e: CustomEvent) => Array.isArray(e.detail) && (this.audiences = e.detail)}></announcement-audience-picker>\n          <span>${i18next.t('text.training-session-audiences-hint')}</span>\n        </div>\n\n        <div class=\"field\">\n          <span>${i18next.t('field.training-material')}</span>\n          ${this.files.length ? html`<ul>${this.files.map(one => html`<li>${one.name}</li>`)}</ul>` : ''}\n          <ox-input-file quiet hide-filelist multiple icon=\"attach_file\" .progress=${this.progress} @change=${(e: CustomEvent) => this.pick(e)}></ox-input-file>\n        </div>\n\n        <label class=\"field\">\n          <span>${i18next.t('field.training-notes')}</span>\n          <input .value=${this.notes} @input=${(e: any) => (this.notes = e.target.value)} />\n          <span invalid>${this.message}</span>\n        </label>\n      </div>\n\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.dispatchEvent(new CustomEvent('close'))}>${i18next.t('button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${this.working} @click=${() => this.open()}>${i18next.t('button.training-session-open')}</md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  private pick(e: CustomEvent) {\n    const picked = [...((e.detail as File[]) ?? [])]\n    /* The picker's own reset says `change` again, with nothing - that one is let go. */\n    if (!picked.length) return\n    ;(e.target as any).reset?.()\n    this.files = [...this.files, ...picked]\n  }\n\n  private async open() {\n    this.message = ''\n    this.working = true\n    try {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($session: NewTrainingSession!, $attach: [Upload!]) {\n            openTrainingSession(session: $session, attach: $attach) { id }\n          }\n        `,\n        variables: {\n          session: {\n            kind: this.kind,\n            year: this.year,\n            name: this.name,\n            method: this.method,\n            startsOn: this.startsOn,\n            endsOn: this.endsOn || null,\n            instructor: this.instructor,\n            organisation: this.organisation,\n            audiences: this.audiences.map(({ scope, targetId, targetName }) => ({ scope, targetId, targetName })),\n            notes: this.notes\n          },\n          attach: this.files\n        },\n        ...(this.files.length ? { context: uploadContext((fraction: number) => (this.progress = fraction)) } : {})\n      })\n      if ((response as any).errors?.length) throw response\n      notify({ message: i18next.t('text.training-session-opened') })\n      this.dispatchEvent(new CustomEvent('opened', { detail: response.data.openTrainingSession }))\n    } catch (error) {\n      this.message = failureOf(error)\n    } finally {\n      this.working = false\n    }\n  }\n}\n"]}