npm - @things-factory/compliance - Versions diffs - 10.1.256 → 10.1.257 - Mend

@things-factory/compliance 10.1.256 → 10.1.257

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (64) hide show

package/dist-client/components/compliance-my-privacy-requests.js CHANGED Viewed

@@ -7,7 +7,7 @@ import '@operato/popup/ox-popup-actions.js';
 import gql from 'graphql-tag';
 import { css, html, LitElement, nothing } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
-import { client } from '@operato/graphql';
+import { MutationController, QueryController } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
 import { notify, openPopup } from '@operato/layout';
 import { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles';
@@ -27,8 +27,12 @@ let CompliancePrivacyRequestForm = class CompliancePrivacyRequestForm extends lo
         super(...arguments);
         this.kind = 'ACCESS';
         this.details = '';
-        this.working = false;
-        this.message = '';
+        /* Its failure is drawn under the words, beside the form. */
+        this.raising = new MutationController(this, gql `
+      mutation ($request: NewMyPrivacyRequest!) {
+        raiseMyPrivacyRequest(request: $request) { id dueOn }
+      }
+    `, { showsError: true });
     }
     static { this.styles = [
         CommonPopupStyles,
@@ -56,6 +60,12 @@ let CompliancePrivacyRequestForm = class CompliancePrivacyRequestForm extends lo
       }
     `
     ]; }
+    get working() {
+        return this.raising.pending;
+    }
+    get message() {
+        return this.raising.error ? failureOf(this.raising.error) : '';
+    }
     render() {
         return html `
       <div class="body">
@@ -81,28 +91,11 @@ let CompliancePrivacyRequestForm = class CompliancePrivacyRequestForm extends lo
     `;
     }
     async raise() {
-        this.message = '';
-        this.working = true;
-        try {
-            const response = await client.mutate({
-                mutation: gql `
-          mutation ($request: NewMyPrivacyRequest!) {
-            raiseMyPrivacyRequest(request: $request) { id dueOn }
-          }
-        `,
-                variables: { request: { kind: this.kind, details: this.details } }
-            });
-            if (response.errors?.length)
-                throw response;
-            notify({ message: i18next.t('text.privacy-request-raised', { dueOn: response.data.raiseMyPrivacyRequest.dueOn }) });
-            this.dispatchEvent(new CustomEvent('raised', { detail: response.data.raiseMyPrivacyRequest }));
-        }
-        catch (error) {
-            this.message = failureOf(error);
-        }
-        finally {
-            this.working = false;
-        }
+        const done = await this.raising.run({ request: { kind: this.kind, details: this.details } });
+        if (!done)
+            return;
+        notify({ message: i18next.t('text.privacy-request-raised', { dueOn: done.raiseMyPrivacyRequest.dueOn }) });
+        this.dispatchEvent(new CustomEvent('raised', { detail: done.raiseMyPrivacyRequest }));
     }
 };
 __decorate([
@@ -113,14 +106,6 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], CompliancePrivacyRequestForm.prototype, "details", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], CompliancePrivacyRequestForm.prototype, "working", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], CompliancePrivacyRequestForm.prototype, "message", void 0);
 CompliancePrivacyRequestForm = __decorate([
     customElement('compliance-privacy-request-form')
 ], CompliancePrivacyRequestForm);
@@ -132,8 +117,12 @@ export { CompliancePrivacyRequestForm };
 let ComplianceMyPrivacyRequests = class ComplianceMyPrivacyRequests extends localize(i18next)(LitElement) {
     constructor() {
         super(...arguments);
-        this.requests = [];
-        this.message = '';
+        /* The requests the person raised (ADR-0190). */
+        this.mine = new QueryController(this, gql `
+      query {
+        myPrivacyRequests { id kind details receivedOn dueOn extendedDueOn extensionReason handling repliedOn }
+      }
+    `);
     }
     static { this.styles = css `
     :host {
@@ -167,9 +156,11 @@ let ComplianceMyPrivacyRequests = class ComplianceMyPrivacyRequests extends loca
       white-space: pre-wrap;
     }
   `; }
-    connectedCallback() {
-        super.connectedCallback();
-        this.read();
+    get requests() {
+        return this.mine.data?.myPrivacyRequests ?? [];
+    }
+    get message() {
+        return this.mine.error ? failureOf(this.mine.error) : '';
     }
     render() {
         return html `
@@ -193,38 +184,11 @@ let ComplianceMyPrivacyRequests = class ComplianceMyPrivacyRequests extends loca
             : html `<span class="muted">${i18next.t('text.privacy-request-my-empty')}</span>`}
     `;
     }
-    async read() {
-        try {
-            const response = await client.query({
-                query: gql `
-          query {
-            myPrivacyRequests { id kind details receivedOn dueOn extendedDueOn extensionReason handling repliedOn }
-          }
-        `,
-                fetchPolicy: 'network-only'
-            });
-            if (response.errors?.length)
-                throw response;
-            this.requests = response.data.myPrivacyRequests ?? [];
-            this.message = '';
-        }
-        catch (error) {
-            this.message = failureOf(error);
-        }
-    }
     async raise() {
         if (await openPrivacyRequestForm())
-            this.read();
+            this.mine.refetch();
     }
 };
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], ComplianceMyPrivacyRequests.prototype, "requests", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ComplianceMyPrivacyRequests.prototype, "message", void 0);
 ComplianceMyPrivacyRequests = __decorate([
     customElement('compliance-my-privacy-requests')
 ], ComplianceMyPrivacyRequests);

package/dist-client/components/compliance-my-privacy-requests.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"compliance-my-privacy-requests.js","sourceRoot":"","sources":["../../client/components/compliance-my-privacy-requests.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-button.js'\nimport '@material/web/button/filled-tonal-button.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/input/ox-input-select-buttons.js'\nimport '@operato/popup/ox-popup-actions.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, 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, wordOf } from '../words.js'\n\nconst REQUEST_KINDS = ['ACCESS', 'CORRECTION', 'DELETION', 'SUSPENSION']\n\n/** Opens the request form; resolves with the request raised, or null when closed. /\nexport function openPrivacyRequestForm(): Promise<any \| null> {\n return new Promise(resolve => {\n let done: any = null\n const popup: any = openPopup(\n html`<compliance-privacy-request-form @close=${() => popup.close()} @raised=${(e: CustomEvent) => ((done = e.detail), popup.close())}></compliance-privacy-request-form>`,\n { backdrop: true, size: 'medium', title: i18next.t('title.privacy-request-raise') }\n )\n popup.onclosed = () => resolve(done)\n })\n}\n\n/* 내 개인정보 요구 쓰기 - what is asked of one's own personal information. /\n@customElement('compliance-privacy-request-form')\nexport class CompliancePrivacyRequestForm 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 textarea {\n min-height: 96px;\n }\n `\n ]\n\n @state() private kind = 'ACCESS'\n @state() private details = ''\n @state() private working = false\n @state() private message = ''\n\n render() {\n return html`\n <div class=\"body\">\n <div guide><p>${i18next.t('text.privacy-request-guide')}</p></div>\n <div class=\"field\">\n <ox-input-select-buttons\n .value=${this.kind}\n .options=${REQUEST_KINDS.map(code => ({ display: wordOf('privacy-request-kind', code), value: code }))}\n @change=${(e: CustomEvent) => e.detail && (this.kind = e.detail)}\n ></ox-input-select-buttons>\n </div>\n <label class=\"field\">\n <span>${i18next.t('field.privacy-request-details')}</span>\n <textarea .value=${this.details} @input=${(e: any) => (this.details = e.target.value)}></textarea>\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.raise()}>${i18next.t('button.privacy-request-raise')}</md-filled-button>\n </ox-popup-actions>\n `\n }\n\n private async raise() {\n this.message = ''\n this.working = true\n try {\n const response = await client.mutate({\n mutation: gql`\n mutation ($request: NewMyPrivacyRequest!) {\n raiseMyPrivacyRequest(request: $request) { id dueOn }\n }\n `,\n variables: { request: { kind: this.kind, details: this.details } }\n })\n if (response.errors?.length) throw response\n notify({ message: i18next.t('text.privacy-request-raised', { dueOn: response.data.raiseMyPrivacyRequest.dueOn }) })\n this.dispatchEvent(new CustomEvent('raised', { detail: response.data.raiseMyPrivacyRequest }))\n } catch (error) {\n this.message = failureOf(error)\n } finally {\n this.working = false\n }\n }\n}\n\n/\n 내 개인정보 요구 (ADR-0187 decisions 10, 22) - inside 「회사 규정과 안내」: ask to see, correct, delete or stop the\n * processing of one's own personal information, and see each one's due day and answer.\n */\n@customElement('compliance-my-privacy-requests')\nexport class ComplianceMyPrivacyRequests extends localize(i18next)(LitElement) {\n static styles = css`\n :host {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-medium, 8px);\n color: var(--ui-ink);\n font-size: var(--ui-t-body, 13px);\n line-height: 1.6;\n }\n .head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-medium, 8px);\n }\n .muted {\n color: var(--ui-muted);\n }\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n li {\n padding: var(--spacing-medium, 8px) 0;\n border-top: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n }\n p {\n margin: var(--spacing-small, 4px) 0 0;\n white-space: pre-wrap;\n }\n `\n\n @state() private requests: any[] = []\n @state() private message = ''\n\n connectedCallback() {\n super.connectedCallback()\n this.read()\n }\n\n render() {\n return html`\n <div class=\"head\">\n <span class=\"muted\">${i18next.t('text.privacy-request-my-guide')}</span>\n <md-filled-tonal-button @click=${() => this.raise()}>${i18next.t('button.privacy-request-raise')}</md-filled-tonal-button>\n </div>\n ${this.message ? html`<span class=\"muted\">${this.message}</span>` : nothing}\n ${this.requests.length\n ? html`<ul>\n ${this.requests.map(\n one => html`<li>\n <strong>${wordOf('privacy-request-kind', one.kind)}</strong> · ${one.receivedOn} ·\n ${one.repliedOn\n ? i18next.t('text.privacy-request-replied', { day: one.repliedOn })\n : i18next.t('text.privacy-request-due', { day: one.extendedDueOn \|\| one.dueOn })}\n <p>${one.details}</p>\n ${one.extensionReason ? html`<p class=\"muted\">${i18next.t('field.privacy-request-extension-reason')}: ${one.extensionReason}</p>` : nothing}\n ${one.repliedOn && one.handling ? html`<p>${one.handling}</p>` : nothing}\n </li>`\n )}\n </ul>`\n : html`<span class=\"muted\">${i18next.t('text.privacy-request-my-empty')}</span>`}\n `\n }\n\n private async read() {\n try {\n const response = await client.query({\n query: gql`\n query {\n myPrivacyRequests { id kind details receivedOn dueOn extendedDueOn extensionReason handling repliedOn }\n }\n `,\n fetchPolicy: 'network-only'\n })\n if (response.errors?.length) throw response\n this.requests = response.data.myPrivacyRequests ?? []\n this.message = ''\n } catch (error) {\n this.message = failureOf(error)\n }\n }\n\n private async raise() {\n if (await openPrivacyRequestForm()) this.read()\n }\n}\n"]}
1	+ {"version":3,"file":"compliance-my-privacy-requests.js","sourceRoot":"","sources":["../../client/components/compliance-my-privacy-requests.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-button.js'\nimport '@material/web/button/filled-tonal-button.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/input/ox-input-select-buttons.js'\nimport '@operato/popup/ox-popup-actions.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\nimport { MutationController, QueryController } 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, wordOf } from '../words.js'\n\nconst REQUEST_KINDS = ['ACCESS', 'CORRECTION', 'DELETION', 'SUSPENSION']\n\n/** Opens the request form; resolves with the request raised, or null when closed. /\nexport function openPrivacyRequestForm(): Promise<any \| null> {\n return new Promise(resolve => {\n let done: any = null\n const popup: any = openPopup(\n html`<compliance-privacy-request-form @close=${() => popup.close()} @raised=${(e: CustomEvent) => ((done = e.detail), popup.close())}></compliance-privacy-request-form>`,\n { backdrop: true, size: 'medium', title: i18next.t('title.privacy-request-raise') }\n )\n popup.onclosed = () => resolve(done)\n })\n}\n\n/* 내 개인정보 요구 쓰기 - what is asked of one's own personal information. /\n@customElement('compliance-privacy-request-form')\nexport class CompliancePrivacyRequestForm 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 textarea {\n min-height: 96px;\n }\n `\n ]\n\n @state() private kind = 'ACCESS'\n @state() private details = ''\n\n / Its failure is drawn under the words, beside the form. /\n private raising = new MutationController(\n this,\n gql`\n mutation ($request: NewMyPrivacyRequest!) {\n raiseMyPrivacyRequest(request: $request) { id dueOn }\n }\n `,\n { showsError: true }\n )\n\n private get working() {\n return this.raising.pending\n }\n\n private get message() {\n return this.raising.error ? failureOf(this.raising.error) : ''\n }\n\n render() {\n return html`\n <div class=\"body\">\n <div guide><p>${i18next.t('text.privacy-request-guide')}</p></div>\n <div class=\"field\">\n <ox-input-select-buttons\n .value=${this.kind}\n .options=${REQUEST_KINDS.map(code => ({ display: wordOf('privacy-request-kind', code), value: code }))}\n @change=${(e: CustomEvent) => e.detail && (this.kind = e.detail)}\n ></ox-input-select-buttons>\n </div>\n <label class=\"field\">\n <span>${i18next.t('field.privacy-request-details')}</span>\n <textarea .value=${this.details} @input=${(e: any) => (this.details = e.target.value)}></textarea>\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.raise()}>${i18next.t('button.privacy-request-raise')}</md-filled-button>\n </ox-popup-actions>\n `\n }\n\n private async raise() {\n const done = await this.raising.run({ request: { kind: this.kind, details: this.details } })\n if (!done) return\n notify({ message: i18next.t('text.privacy-request-raised', { dueOn: done.raiseMyPrivacyRequest.dueOn }) })\n this.dispatchEvent(new CustomEvent('raised', { detail: done.raiseMyPrivacyRequest }))\n }\n}\n\n/\n 내 개인정보 요구 (ADR-0187 decisions 10, 22) - inside 「회사 규정과 안내」: ask to see, correct, delete or stop the\n * processing of one's own personal information, and see each one's due day and answer.\n /\n@customElement('compliance-my-privacy-requests')\nexport class ComplianceMyPrivacyRequests extends localize(i18next)(LitElement) {\n static styles = css`\n :host {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-medium, 8px);\n color: var(--ui-ink);\n font-size: var(--ui-t-body, 13px);\n line-height: 1.6;\n }\n .head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-medium, 8px);\n }\n .muted {\n color: var(--ui-muted);\n }\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n li {\n padding: var(--spacing-medium, 8px) 0;\n border-top: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n }\n p {\n margin: var(--spacing-small, 4px) 0 0;\n white-space: pre-wrap;\n }\n `\n\n / The requests the person raised (ADR-0190). */\n private mine = new QueryController(\n this,\n gql`\n query {\n myPrivacyRequests { id kind details receivedOn dueOn extendedDueOn extensionReason handling repliedOn }\n }\n `\n )\n\n private get requests(): any[] {\n return this.mine.data?.myPrivacyRequests ?? []\n }\n\n private get message() {\n return this.mine.error ? failureOf(this.mine.error) : ''\n }\n\n render() {\n return html`\n <div class=\"head\">\n <span class=\"muted\">${i18next.t('text.privacy-request-my-guide')}</span>\n <md-filled-tonal-button @click=${() => this.raise()}>${i18next.t('button.privacy-request-raise')}</md-filled-tonal-button>\n </div>\n ${this.message ? html`<span class=\"muted\">${this.message}</span>` : nothing}\n ${this.requests.length\n ? html`<ul>\n ${this.requests.map(\n one => html`<li>\n <strong>${wordOf('privacy-request-kind', one.kind)}</strong> · ${one.receivedOn} ·\n ${one.repliedOn\n ? i18next.t('text.privacy-request-replied', { day: one.repliedOn })\n : i18next.t('text.privacy-request-due', { day: one.extendedDueOn \|\| one.dueOn })}\n <p>${one.details}</p>\n ${one.extensionReason ? html`<p class=\"muted\">${i18next.t('field.privacy-request-extension-reason')}: ${one.extensionReason}</p>` : nothing}\n ${one.repliedOn && one.handling ? html`<p>${one.handling}</p>` : nothing}\n </li>`\n )}\n </ul>`\n : html`<span class=\"muted\">${i18next.t('text.privacy-request-my-empty')}</span>`}\n `\n }\n\n private async raise() {\n if (await openPrivacyRequestForm()) this.mine.refetch()\n }\n}\n"]}

package/dist-client/components/compliance-my-reports.d.ts CHANGED Viewed

@@ -8,12 +8,11 @@ declare const ComplianceMyReports_base: (new (...args: any[]) => LitElement) & t
  */
 export declare class ComplianceMyReports extends ComplianceMyReports_base {
     static styles: import("lit").CSSResult;
-    private reports;
-    private message;
-    connectedCallback(): void;
+    private mine;
+    private get reports();
+    private get message();
     render(): import("lit-html").TemplateResult<1>;
     private item;
-    private read;
     private report;
 }
 export {};

package/dist-client/components/compliance-my-reports.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { __decorate, __metadata } from "tslib";
+import { __decorate } from "tslib";
 import '@material/web/button/filled-tonal-button.js';
 import gql from 'graphql-tag';
 import { css, html, LitElement, nothing } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
-import { client } from '@operato/graphql';
+import { customElement } from 'lit/decorators.js';
+import { QueryController } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
 import { failureOf, wordOf } from '../words.js';
 import { openComplianceCaseForm } from './compliance-case-form.js';
@@ -15,8 +15,15 @@ import { openComplianceCaseForm } from './compliance-case-form.js';
 let ComplianceMyReports = class ComplianceMyReports extends localize(i18next)(LitElement) {
     constructor() {
         super(...arguments);
-        this.reports = [];
-        this.message = '';
+        /* What the person reported or what happened to them (ADR-0190). */
+        this.mine = new QueryController(this, gql `
+      query {
+        myComplianceReports {
+          id kind status standing receivedOn noInsideHandler occurredOn description accusedNames victimName
+          protectionMeasures victimOpinion resultNotice resultToldOn closedOn
+        }
+      }
+    `);
     }
     static { this.styles = css `
     :host {
@@ -63,9 +70,11 @@ let ComplianceMyReports = class ComplianceMyReports extends localize(i18next)(Li
       color: var(--ui-crit, var(--md-sys-color-error));
     }
   `; }
-    connectedCallback() {
-        super.connectedCallback();
-        this.read();
+    get reports() {
+        return this.mine.data?.myComplianceReports ?? [];
+    }
+    get message() {
+        return this.mine.error ? failureOf(this.mine.error) : '';
     }
     render() {
         return html `
@@ -87,7 +96,7 @@ let ComplianceMyReports = class ComplianceMyReports extends localize(i18next)(Li
       <strong>${wordOf('compliance-case-kind', one.kind)}</strong> · ${one.receivedOn} · ${wordOf('compliance-case-status', one.status)}
       ${one.standing === 'VICTIM' ? html ` · <span class="muted">${i18next.t('text.compliance-case-standing-victim')}</span>` : nothing}
       ${one.noInsideHandler
-            ? html `<p outside>${i18next.t('text.compliance-case-no-inside-handler')} ${i18next.t('text.compliance-case-ministry-route')}</p>`
+            ? html `<p outside>${i18next.t('text.compliance-case-no-inside-handler')}</p>`
             : nothing}
       <dl>
         ${row('accused', one.accusedNames?.join(', '))} ${row('description', one.description)} ${row('protection-measures', one.protectionMeasures)}
@@ -95,41 +104,11 @@ let ComplianceMyReports = class ComplianceMyReports extends localize(i18next)(Li
       </dl>
     </li>`;
     }
-    async read() {
-        try {
-            const response = await client.query({
-                query: gql `
-          query {
-            myComplianceReports {
-              id kind status standing receivedOn noInsideHandler occurredOn description accusedNames victimName
-              protectionMeasures victimOpinion resultNotice resultToldOn closedOn
-            }
-          }
-        `,
-                fetchPolicy: 'network-only'
-            });
-            if (response.errors?.length)
-                throw response;
-            this.reports = response.data.myComplianceReports ?? [];
-            this.message = '';
-        }
-        catch (error) {
-            this.message = failureOf(error);
-        }
-    }
     async report() {
         if (await openComplianceCaseForm())
-            this.read();
+            this.mine.refetch();
     }
 };
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], ComplianceMyReports.prototype, "reports", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ComplianceMyReports.prototype, "message", void 0);
 ComplianceMyReports = __decorate([
     customElement('compliance-my-reports')
 ], ComplianceMyReports);

package/dist-client/components/compliance-my-reports.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"compliance-my-reports.js","sourceRoot":"","sources":["../../client/components/compliance-my-reports.ts"],"names":[],"mappings":";AAAA,OAAO,6CAA6C,CAAA;AAEpD,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,~~KAAK,EAAE,~~MAAM,mBAAmB,CAAA;~~AAExD~~,OAAO,EAAE,~~MAAM~~,EAAE,MAAM,kBAAkB,CAAA;~~AACzC~~,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAElE;;;;GAIG;AAEI,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAA/D;;QA+CY,~~YAAO~~,~~GAAU~~,~~EAAE~~,~~CAAA;QACnB~~,~~YAAO~~,GAAG,~~EAAE~~,CAAA;~~IA6D/B~~,CAAC;~~aA5GQ~~,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4ClB,AA5CY,CA4CZ;~~IAKD~~,~~iBAAiB~~;~~QACf~~,~~KAAK~~,CAAC,~~iBAAiB~~,EAAE,CAAA;~~QACzB~~,IAAI,CAAC,IAAI,EAAE,CAAA;~~IACb~~,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;8BAEe,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC;yCAC/B,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC;;QAElG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,uBAAuB,IAAI,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,OAAO;QACzE,IAAI,CAAC,OAAO,CAAC,MAAM;YACnB,CAAC,CAAC,IAAI,CAAA;cACA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACrC;YACR,CAAC,CAAC,IAAI,CAAA,uBAAuB,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC,SAAS;KACnF,CAAA;IACH,CAAC;IAEO,IAAI,CAAC,GAAQ;QACnB,MAAM,GAAG,GAAG,CAAC,KAAa,EAAE,KAAU,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,OAAO,OAAO,CAAC,CAAC,CAAC,yBAAyB,KAAK,EAAE,CAAC,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;QAC7I,OAAO,IAAI,CAAA;gBACC,MAAM,CAAC,sBAAsB,EAAE,GAAG,CAAC,IAAI,CAAC,eAAe,GAAG,CAAC,UAAU,MAAM,MAAM,CAAC,wBAAwB,EAAE,GAAG,CAAC,MAAM,CAAC;QAC/H,GAAG,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,0BAA0B,OAAO,CAAC,CAAC,CAAC,sCAAsC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;QAC9H,GAAG,CAAC,eAAe;YACnB,CAAC,CAAC,IAAI,CAAA,cAAc,OAAO,CAAC,CAAC,CAAC,wCAAwC,CAAC,~~IAAI,OAAO,CAAC,CAAC,CAAC,qCAAqC,CAAC,~~MAAM;~~YACjI~~,CAAC,CAAC,OAAO;;UAEP,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,aAAa,EAAE,GAAG,CAAC,WAAW,CAAC,IAAI,GAAG,CAAC,qBAAqB,EAAE,GAAG,CAAC,kBAAkB,CAAC;UACzI,GAAG,CAAC,gBAAgB,EAAE,GAAG,CAAC,aAAa,CAAC,IAAI,GAAG,CAAC,eAAe,EAAE,GAAG,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,gBAAgB,EAAE,GAAG,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,WAAW,EAAE,GAAG,CAAC,QAAQ,CAAC;;UAE/J,CAAA;IACR,CAAC;IAEO,KAAK,CAAC,~~IAAI;QAChB,IAAI,CAAC;YACH,~~MAAM~~,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC~~;~~gBAClC~~,~~KAAK,EAAE,GAAG,CAAA;;;;;;;SAOT;gBACD,WAAW,EAAE,cAAc;aAC5B,CAAC,CAAA;YACF,~~IAAI,~~QAAQ,CAAC,~~MAAM,~~EAAE~~,~~MAAM;gBAAE,MAAM,QAAQ,CAAA;YAC3C,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,IAAI,~~EAAE~~,CAAA~~;~~YACtD~~,IAAI,CAAC,~~OAAO,GAAG,EAAE,CAAA;QACnB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,~~IAAI,CAAC,OAAO,~~GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;QACjC,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,MAAM;QAClB,IAAI,MAAM,sBAAsB,~~EAAE~~;YAAE~~,~~IAAI,CAAC,IAAI,EAAE,~~CAAA;~~IACjD~~,CAAC;;~~AA7DgB;IAAhB~~,~~KAAK,EAAE;;oDAA4B;AACnB;IAAhB,KAAK,EAAE;;oDAAqB;AAhDlB,~~mBAAmB;IAD/B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,mBAAmB,~~CA6G~~/B","sourcesContent":["import '@material/web/button/filled-tonal-button.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, ~~state~~ } from 'lit/decorators.js'\n\nimport { ~~client~~ } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\n\nimport { failureOf, wordOf } from '../words.js'\nimport { openComplianceCaseForm } from './compliance-case-form.js'\n\n/*\n 신고하기 (ADR-0187 decisions 10, 21) - the employee's way in, inside 「회사 규정과 안내」: report a case, and follow\n * what they reported or what happened to them - where it stands, the protection given, the result told. Never the\n * investigation; the server hands out none of it here.\n */\n@customElement('compliance-my-reports')\nexport class ComplianceMyReports extends localize(i18next)(LitElement) {\n static styles = css`\n :host {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-medium, 8px);\n color: var(--ui-ink);\n font-size: var(--ui-t-body, 13px);\n line-height: 1.6;\n }\n .head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-medium, 8px);\n }\n .muted {\n color: var(--ui-muted);\n }\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n li {\n padding: var(--spacing-medium, 8px) 0;\n border-top: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n }\n dl {\n display: grid;\n grid-template-columns: max-content 1fr;\n gap: 2px var(--spacing-large, 12px);\n margin: var(--spacing-small, 4px) 0 0;\n }\n dt {\n color: var(--ui-muted);\n }\n dd {\n margin: 0;\n white-space: pre-wrap;\n }\n [outside] {\n margin: var(--spacing-small, 4px) 0 0;\n color: var(--ui-crit, var(--md-sys-color-error));\n }\n `\n\n ~~@state~~() private ~~reports:~~ ~~any[]~~ = []\n ~~@state()~~ ~~private~~ ~~message~~ = ''\n\n ~~connectedCallback~~() {\n ~~super~~.~~connectedCallback~~()\n this.~~read~~()\n }\n\n render() {\n return html`\n <div class=\"head\">\n <span class=\"muted\">${i18next.t('text.compliance-case-my-guide')}</span>\n <md-filled-tonal-button @click=${() => this.report()}>${i18next.t('button.compliance-case-report')}</md-filled-tonal-button>\n </div>\n ${this.message ? html`<span class=\"muted\">${this.message}</span>` : nothing}\n ${this.reports.length\n ? html`<ul>\n ${this.reports.map(one => this.item(one))}\n </ul>`\n : html`<span class=\"muted\">${i18next.t('text.compliance-case-my-empty')}</span>`}\n `\n }\n\n private item(one: any) {\n const row = (field: string, value: any) => (value ? html`<dt>${i18next.t(`field.compliance-case-${field}`)}</dt><dd>${value}</dd>` : nothing)\n return html`<li>\n <strong>${wordOf('compliance-case-kind', one.kind)}</strong> · ${one.receivedOn} · ${wordOf('compliance-case-status', one.status)}\n ${one.standing === 'VICTIM' ? html` · <span class=\"muted\">${i18next.t('text.compliance-case-standing-victim')}</span>` : nothing}\n ${one.noInsideHandler\n ? html`<p outside>${i18next.t('text.compliance-case-no-inside-handler')} ~~${i18next.t('text.compliance-case-ministry-route')}~~</p>`\n : nothing}\n <dl>\n ${row('accused', one.accusedNames?.join(', '))} ${row('description', one.description)} ${row('protection-measures', one.protectionMeasures)}\n ${row('victim-opinion', one.victimOpinion)} ${row('result-notice', one.resultNotice)} ${row('result-told-on', one.resultToldOn)} ${row('closed-on', one.closedOn)}\n </dl>\n </li>`\n }\n\n private async read() {\n try {\n const response = await client.query({\n query: gql`\n query {\n myComplianceReports {\n id kind status standing receivedOn noInsideHandler occurredOn description accusedNames victimName\n protectionMeasures victimOpinion resultNotice resultToldOn closedOn\n }\n }\n `,\n fetchPolicy: 'network-only'\n })\n if (response.errors?.length) throw response\n this.reports = response.data.myComplianceReports ?? []\n this.message = ''\n } catch (error) {\n this.message = failureOf(error)\n }\n }\n\n private async report() {\n if (await openComplianceCaseForm()) this.~~read~~()\n }\n}\n"]}
1	+ {"version":3,"file":"compliance-my-reports.js","sourceRoot":"","sources":["../../client/components/compliance-my-reports.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-tonal-button.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { QueryController } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\n\nimport { failureOf, wordOf } from '../words.js'\nimport { openComplianceCaseForm } from './compliance-case-form.js'\n\n/*\n 신고하기 (ADR-0187 decisions 10, 21) - the employee's way in, inside 「회사 규정과 안내」: report a case, and follow\n * what they reported or what happened to them - where it stands, the protection given, the result told. Never the\n * investigation; the server hands out none of it here.\n /\n@customElement('compliance-my-reports')\nexport class ComplianceMyReports extends localize(i18next)(LitElement) {\n static styles = css`\n :host {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-medium, 8px);\n color: var(--ui-ink);\n font-size: var(--ui-t-body, 13px);\n line-height: 1.6;\n }\n .head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-medium, 8px);\n }\n .muted {\n color: var(--ui-muted);\n }\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n li {\n padding: var(--spacing-medium, 8px) 0;\n border-top: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n }\n dl {\n display: grid;\n grid-template-columns: max-content 1fr;\n gap: 2px var(--spacing-large, 12px);\n margin: var(--spacing-small, 4px) 0 0;\n }\n dt {\n color: var(--ui-muted);\n }\n dd {\n margin: 0;\n white-space: pre-wrap;\n }\n [outside] {\n margin: var(--spacing-small, 4px) 0 0;\n color: var(--ui-crit, var(--md-sys-color-error));\n }\n `\n\n / What the person reported or what happened to them (ADR-0190). */\n private mine = new QueryController(\n this,\n gql`\n query {\n myComplianceReports {\n id kind status standing receivedOn noInsideHandler occurredOn description accusedNames victimName\n protectionMeasures victimOpinion resultNotice resultToldOn closedOn\n }\n }\n `\n )\n\n private get reports(): any[] {\n return this.mine.data?.myComplianceReports ?? []\n }\n\n private get message() {\n return this.mine.error ? failureOf(this.mine.error) : ''\n }\n\n render() {\n return html`\n <div class=\"head\">\n <span class=\"muted\">${i18next.t('text.compliance-case-my-guide')}</span>\n <md-filled-tonal-button @click=${() => this.report()}>${i18next.t('button.compliance-case-report')}</md-filled-tonal-button>\n </div>\n ${this.message ? html`<span class=\"muted\">${this.message}</span>` : nothing}\n ${this.reports.length\n ? html`<ul>\n ${this.reports.map(one => this.item(one))}\n </ul>`\n : html`<span class=\"muted\">${i18next.t('text.compliance-case-my-empty')}</span>`}\n `\n }\n\n private item(one: any) {\n const row = (field: string, value: any) => (value ? html`<dt>${i18next.t(`field.compliance-case-${field}`)}</dt><dd>${value}</dd>` : nothing)\n return html`<li>\n <strong>${wordOf('compliance-case-kind', one.kind)}</strong> · ${one.receivedOn} · ${wordOf('compliance-case-status', one.status)}\n ${one.standing === 'VICTIM' ? html` · <span class=\"muted\">${i18next.t('text.compliance-case-standing-victim')}</span>` : nothing}\n ${one.noInsideHandler\n ? html`<p outside>${i18next.t('text.compliance-case-no-inside-handler')}</p>`\n : nothing}\n <dl>\n ${row('accused', one.accusedNames?.join(', '))} ${row('description', one.description)} ${row('protection-measures', one.protectionMeasures)}\n ${row('victim-opinion', one.victimOpinion)} ${row('result-notice', one.resultNotice)} ${row('result-told-on', one.resultToldOn)} ${row('closed-on', one.closedOn)}\n </dl>\n </li>`\n }\n\n private async report() {\n if (await openComplianceCaseForm()) this.mine.refetch()\n }\n}\n"]}

package/dist-client/components/invention-report-form.d.ts CHANGED Viewed

@@ -19,11 +19,12 @@ export declare class InventionReportForm extends InventionReportForm_base {
     private reportedOn;
     private coInventorIds;
     private files;
-    private people;
-    private working;
     private progress?;
-    private message;
-    connectedCallback(): Promise<void>;
+    private colleagues;
+    private reporting;
+    private get people();
+    private get working();
+    private get message();
     render(): import("lit-html").TemplateResult<1>;
     private report;
 }

package/dist-client/components/invention-report-form.js CHANGED Viewed

@@ -8,7 +8,7 @@ import '@operato/popup/ox-popup-list.js';
 import gql from 'graphql-tag';
 import { css, html, LitElement } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
-import { client, uploadContext } from '@operato/graphql';
+import { MutationController, QueryController, uploadContext } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
 import { notify, openPopup } from '@operato/layout';
 import { CommonPopupStyles, FormFieldStyles, PopupBodyStyles, PopupFieldStyles } from '@operato/styles';
@@ -37,9 +37,14 @@ let InventionReportForm = class InventionReportForm extends localize(i18next)(Li
         this.reportedOn = today();
         this.coInventorIds = [];
         this.files = [];
-        this.people = [];
-        this.working = false;
-        this.message = '';
+        /* The colleagues who may be named co-inventors (ADR-0190). */
+        this.colleagues = new QueryController(this, gql `query { inventionColleagues { id name departmentName } }`);
+        /* Its failure is drawn under the files, beside the form. */
+        this.reporting = new MutationController(this, gql `
+      mutation ($invention: NewInvention!, $files: [Upload!]) {
+        reportInvention(invention: $invention, files: $files) { id decisionDueOn }
+      }
+    `, { showsError: true });
     }
     /* The house shape of a popup (page-standard sections 7, 8): only the body scrolls, fields are labels above native
        inputs, the one button row is `ox-popup-actions`. */
@@ -70,10 +75,14 @@ let InventionReportForm = class InventionReportForm extends localize(i18next)(Li
       }
     `
     ]; }
-    async connectedCallback() {
-        super.connectedCallback();
-        const response = await client.query({ query: gql `query { inventionColleagues { id name departmentName } }`, fetchPolicy: 'no-cache' });
-        this.people = (response.data?.inventionColleagues ?? []).map((one) => ({ value: one.id, display: one.departmentName ? `${one.name} · ${one.departmentName}` : one.name }));
+    get people() {
+        return (this.colleagues.data?.inventionColleagues ?? []).map((one) => ({ value: one.id, display: one.departmentName ? `${one.name} · ${one.departmentName}` : one.name }));
+    }
+    get working() {
+        return this.reporting.pending;
+    }
+    get message() {
+        return this.reporting.error ? failureOf(this.reporting.error) : '';
     }
     render() {
         const named = this.people.filter(one => this.coInventorIds.includes(one.value)).map(one => one.display);
@@ -118,31 +127,13 @@ let InventionReportForm = class InventionReportForm extends localize(i18next)(Li
     `;
     }
     async report() {
-        this.message = '';
-        this.working = true;
-        try {
-            const response = await client.mutate({
-                mutation: gql `
-          mutation ($invention: NewInvention!, $files: [Upload!]) {
-            reportInvention(invention: $invention, files: $files) { id decisionDueOn }
-          }
-        `,
-                variables: { invention: { title: this.inventionTitle, content: this.content, reportedOn: this.reportedOn || null, coInventorIds: this.coInventorIds }, files: this.files },
-                ...(this.files.length ? { context: uploadContext((fraction) => (this.progress = fraction)) } : {})
-            });
-            if (response.errors?.length)
-                throw response;
-            const reported = response.data.reportInvention;
-            notify({ message: i18next.t('text.invention-reported', { day: reported.decisionDueOn }) });
-            this.dispatchEvent(new CustomEvent('reported', { detail: reported }));
-        }
-        catch (error) {
-            this.message = failureOf(error);
-        }
-        finally {
-            this.working = false;
-            this.progress = undefined;
-        }
+        const done = await this.reporting.run({ invention: { title: this.inventionTitle, content: this.content, reportedOn: this.reportedOn || null, coInventorIds: this.coInventorIds }, files: this.files }, { context: this.files.length ? uploadContext((fraction) => (this.progress = fraction)) : undefined });
+        this.progress = undefined;
+        if (!done)
+            return;
+        const reported = done.reportInvention;
+        notify({ message: i18next.t('text.invention-reported', { day: reported.decisionDueOn }) });
+        this.dispatchEvent(new CustomEvent('reported', { detail: reported }));
     }
 };
 __decorate([
@@ -165,22 +156,10 @@ __decorate([
     state(),
     __metadata("design:type", Array)
 ], InventionReportForm.prototype, "files", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], InventionReportForm.prototype, "people", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], InventionReportForm.prototype, "working", void 0);
 __decorate([
     state(),
     __metadata("design:type", Number)
 ], InventionReportForm.prototype, "progress", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], InventionReportForm.prototype, "message", void 0);
 InventionReportForm = __decorate([
     customElement('invention-report-form')
 ], InventionReportForm);

package/dist-client/components/invention-report-form.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"invention-report-form.js","sourceRoot":"","sources":["../../client/components/invention-report-form.ts"],"names":[],"mappings":";AAAA,OAAO,uCAAuC,CAAA;AAC9C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,iCAAiC,CAAA;AACxC,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,iCAAiC,CAAA;AAExC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAEvG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAIvC,+FAA+F;AAC/F,MAAM,UAAU,uBAAuB;IACrC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QAC3B,IAAI,IAAI,GAAQ,IAAI,CAAA;QACpB,MAAM,MAAM,GAAQ,SAAS,CAC3B,IAAI,CAAA,iCAAiC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,CAAc,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,2BAA2B,EACzJ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,EAAE,CAC/E,CAAA;QACD,MAAM,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IACvC,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,KAAK,GAAG,GAAG,EAAE;IACjB,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAA;IACtB,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,iBAAiB,EAAE,GAAG,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;AAC7F,CAAC,CAAA;AAED;;;GAGG;AAEI,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAA/D;;QA+BY,mBAAc,GAAG,EAAE,CAAA;QACnB,YAAO,GAAG,EAAE,CAAA;QACZ,eAAU,GAAG,KAAK,EAAE,CAAA;QACpB,kBAAa,GAAa,EAAE,CAAA;QAC5B,UAAK,GAAW,EAAE,CAAA;QAClB,WAAM,GAAa,EAAE,CAAA;QACrB,YAAO,GAAG,KAAK,CAAA;QAEf,YAAO,GAAG,EAAE,CAAA;IA2E/B,CAAC;IAjHC;2DACuD;aAChD,WAAM,GAAG;QACd,iBAAiB;QACjB,eAAe;QACf,eAAe;QACf,gBAAgB;QAChB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;KAoBF;KACF,AA1BY,CA0BZ;IAYD,KAAK,CAAC,iBAAiB;QACrB,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,CAAA,0DAA0D,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAA;QACtI,IAAI,CAAC,MAAM,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,mBAAmB,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,MAAM,GAAG,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;IACjL,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;QACvG,OAAO,IAAI,CAAA;;wBAES,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC;;;kBAG9C,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC;0BAC1B,IAAI,CAAC,cAAc,WAAW,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;;kBAIxF,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC;6BACzB,IAAI,CAAC,OAAO,WAAW,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;;kBAI7E,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC;sCACpB,IAAI,CAAC,UAAU,WAAW,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;;kBAI5F,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC;uCACpB,IAAI,CAAC,aAAa,YAAY,CAAC,CAAc,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;iCACxH,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG;oEACF,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA,qBAAqB,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,OAAO,QAAQ,CAAC;;;;;kBAKnI,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC;8CACN,IAAI,CAAC,QAAQ,YAAY,CAAC,CAAc,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC;0BACrG,IAAI,CAAC,OAAO;;;;;+CAKS,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;qDAC1E,IAAI,CAAC,OAAO,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC;;KAElI,CAAA;IACH,CAAC;IAEO,KAAK,CAAC,MAAM;QAClB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;QACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACnB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;gBACnC,QAAQ,EAAE,GAAG,CAAA;;;;SAIZ;gBACD,SAAS,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;gBAC1K,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;aAC3G,CAAC,CAAA;YACF,IAAK,QAAgB,CAAC,MAAM,EAAE,MAAM;gBAAE,MAAM,QAAQ,CAAA;YACpD,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAA;YAC9C,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,yBAAyB,EAAE,EAAE,GAAG,EAAE,QAAQ,CAAC,aAAa,EAAE,CAAC,EAAE,CAAC,CAAA;YAC1F,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAA;QACvE,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;QACjC,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;YACpB,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAA;QAC3B,CAAC;IACH,CAAC;;AAlFgB;IAAhB,KAAK,EAAE;;2DAA4B;AACnB;IAAhB,KAAK,EAAE;;oDAAqB;AACZ;IAAhB,KAAK,EAAE;;uDAA6B;AACpB;IAAhB,KAAK,EAAE;;0DAAqC;AAC5B;IAAhB,KAAK,EAAE;;kDAA2B;AAClB;IAAhB,KAAK,EAAE;;mDAA8B;AACrB;IAAhB,KAAK,EAAE;;oDAAwB;AACf;IAAhB,KAAK,EAAE;;qDAA0B;AACjB;IAAhB,KAAK,EAAE;;oDAAqB;AAvClB,mBAAmB;IAD/B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,mBAAmB,CAkH/B","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-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, 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 { failureOf } from '../words.js'\n\ntype Choice = { value: string; display: string }\n\n/** Opens the form; resolves with the reported invention, or null when the person closed it. /\nexport function openInventionReportForm(): Promise<any \| null> {\n return new Promise(resolve => {\n let done: any = null\n const handle: any = openPopup(\n html`<invention-report-form @close=${() => handle.close()} @reported=${(e: CustomEvent) => ((done = e.detail), handle.close())}></invention-report-form>`,\n { backdrop: true, size: 'medium', title: i18next.t('title.invention-report') }\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 24 · 발명진흥법 §12) - what the invention is, who invented it with the reporter, the\n * papers that show it. The company tells whether it succeeds to the right within four months of the report.\n /\n@customElement('invention-report-form')\nexport class InventionReportForm extends localize(i18next)(LitElement) {\n / The house shape of a popup (page-standard sections 7, 8): only the body scrolls, fields are labels above native\n inputs, the one button row is `ox-popup-actions`. */\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 textarea {\n min-height: 8em;\n resize: vertical;\n }\n ox-select {\n width: 100%;\n }\n `\n ]\n\n @state() private inventionTitle = ''\n @state() private content = ''\n @state() private reportedOn = today()\n @state() private coInventorIds: string[] = []\n @state() private files: File[] = []\n @state() private people: Choice[] = []\n @state() private working = false\n @state() private progress?: number\n @state() private message = ''\n\n async connectedCallback() {\n super.connectedCallback()\n const response = await client.query({ query: gql`query { inventionColleagues { id name departmentName } }`, fetchPolicy: 'no-cache' })\n this.people = (response.data?.inventionColleagues ?? []).map((one: any) => ({ value: one.id, display: one.departmentName ? `${one.name} · ${one.departmentName}` : one.name }))\n }\n\n render() {\n const named = this.people.filter(one => this.coInventorIds.includes(one.value)).map(one => one.display)\n return html`\n <div class=\"body\">\n <div guide><p>${i18next.t('text.invention-report-guide')}</p></div>\n\n <label class=\"field\">\n <span>${i18next.t('field.invention-title')}</span>\n <input .value=${this.inventionTitle} @input=${(e: any) => (this.inventionTitle = e.target.value)} />\n </label>\n\n <label class=\"field\">\n <span>${i18next.t('field.invention-content')}</span>\n <textarea .value=${this.content} @input=${(e: any) => (this.content = e.target.value)}></textarea>\n </label>\n\n <label class=\"field\">\n <span>${i18next.t('field.invention-reported-on')}</span>\n <input type=\"date\" .value=${this.reportedOn} @input=${(e: any) => (this.reportedOn = e.target.value)} />\n </label>\n\n <label class=\"field\">\n <span>${i18next.t('field.invention-co-inventors')}</span>\n <ox-select multiple .value=${this.coInventorIds} @change=${(e: CustomEvent) => (this.coInventorIds = [].concat(e.detail ?? []).filter(Boolean))}>\n <span slot=\"label\">${named.length ? named.join(', ') : '—'}</span>\n <ox-popup-list align-left nowrap with-search multiple>${this.people.map(one => html`<div option value=${one.value}>${one.display}</div>`)}</ox-popup-list>\n </ox-select>\n </label>\n\n <div class=\"field\">\n <span>${i18next.t('field.invention-files')}</span>\n <ox-input-file multiple .progress=${this.progress} @change=${(e: CustomEvent) => (this.files = [...(e.detail ?? [])])}></ox-input-file>\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.report()}>${i18next.t('button.invention-report')}</md-filled-button>\n </ox-popup-actions>\n `\n }\n\n private async report() {\n this.message = ''\n this.working = true\n try {\n const response = await client.mutate({\n mutation: gql`\n mutation ($invention: NewInvention!, $files: [Upload!]) {\n reportInvention(invention: $invention, files: $files) { id decisionDueOn }\n }\n `,\n variables: { invention: { title: this.inventionTitle, content: this.content, reportedOn: this.reportedOn \|\| null, coInventorIds: this.coInventorIds }, files: this.files },\n ...(this.files.length ? { context: uploadContext((fraction: number) => (this.progress = fraction)) } : {})\n })\n if ((response as any).errors?.length) throw response\n const reported = response.data.reportInvention\n notify({ message: i18next.t('text.invention-reported', { day: reported.decisionDueOn }) })\n this.dispatchEvent(new CustomEvent('reported', { detail: reported }))\n } catch (error) {\n this.message = failureOf(error)\n } finally {\n this.working = false\n this.progress = undefined\n }\n }\n}\n"]}
1	+ {"version":3,"file":"invention-report-form.js","sourceRoot":"","sources":["../../client/components/invention-report-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-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, state } from 'lit/decorators.js'\n\nimport { MutationController, QueryController, 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 { failureOf } from '../words.js'\n\ntype Choice = { value: string; display: string }\n\n/** Opens the form; resolves with the reported invention, or null when the person closed it. /\nexport function openInventionReportForm(): Promise<any \| null> {\n return new Promise(resolve => {\n let done: any = null\n const handle: any = openPopup(\n html`<invention-report-form @close=${() => handle.close()} @reported=${(e: CustomEvent) => ((done = e.detail), handle.close())}></invention-report-form>`,\n { backdrop: true, size: 'medium', title: i18next.t('title.invention-report') }\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 24 · 발명진흥법 §12) - what the invention is, who invented it with the reporter, the\n * papers that show it. The company tells whether it succeeds to the right within four months of the report.\n /\n@customElement('invention-report-form')\nexport class InventionReportForm extends localize(i18next)(LitElement) {\n / The house shape of a popup (page-standard sections 7, 8): only the body scrolls, fields are labels above native\n inputs, the one button row is `ox-popup-actions`. /\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 textarea {\n min-height: 8em;\n resize: vertical;\n }\n ox-select {\n width: 100%;\n }\n `\n ]\n\n @state() private inventionTitle = ''\n @state() private content = ''\n @state() private reportedOn = today()\n @state() private coInventorIds: string[] = []\n @state() private files: File[] = []\n @state() private progress?: number\n\n / The colleagues who may be named co-inventors (ADR-0190). /\n private colleagues = new QueryController(this, gql`query { inventionColleagues { id name departmentName } }`)\n\n / Its failure is drawn under the files, beside the form. */\n private reporting = new MutationController(\n this,\n gql`\n mutation ($invention: NewInvention!, $files: [Upload!]) {\n reportInvention(invention: $invention, files: $files) { id decisionDueOn }\n }\n `,\n { showsError: true }\n )\n\n private get people(): Choice[] {\n return (this.colleagues.data?.inventionColleagues ?? []).map((one: any) => ({ value: one.id, display: one.departmentName ? `${one.name} · ${one.departmentName}` : one.name }))\n }\n\n private get working() {\n return this.reporting.pending\n }\n\n private get message() {\n return this.reporting.error ? failureOf(this.reporting.error) : ''\n }\n\n render() {\n const named = this.people.filter(one => this.coInventorIds.includes(one.value)).map(one => one.display)\n return html`\n <div class=\"body\">\n <div guide><p>${i18next.t('text.invention-report-guide')}</p></div>\n\n <label class=\"field\">\n <span>${i18next.t('field.invention-title')}</span>\n <input .value=${this.inventionTitle} @input=${(e: any) => (this.inventionTitle = e.target.value)} />\n </label>\n\n <label class=\"field\">\n <span>${i18next.t('field.invention-content')}</span>\n <textarea .value=${this.content} @input=${(e: any) => (this.content = e.target.value)}></textarea>\n </label>\n\n <label class=\"field\">\n <span>${i18next.t('field.invention-reported-on')}</span>\n <input type=\"date\" .value=${this.reportedOn} @input=${(e: any) => (this.reportedOn = e.target.value)} />\n </label>\n\n <label class=\"field\">\n <span>${i18next.t('field.invention-co-inventors')}</span>\n <ox-select multiple .value=${this.coInventorIds} @change=${(e: CustomEvent) => (this.coInventorIds = [].concat(e.detail ?? []).filter(Boolean))}>\n <span slot=\"label\">${named.length ? named.join(', ') : '—'}</span>\n <ox-popup-list align-left nowrap with-search multiple>${this.people.map(one => html`<div option value=${one.value}>${one.display}</div>`)}</ox-popup-list>\n </ox-select>\n </label>\n\n <div class=\"field\">\n <span>${i18next.t('field.invention-files')}</span>\n <ox-input-file multiple .progress=${this.progress} @change=${(e: CustomEvent) => (this.files = [...(e.detail ?? [])])}></ox-input-file>\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.report()}>${i18next.t('button.invention-report')}</md-filled-button>\n </ox-popup-actions>\n `\n }\n\n private async report() {\n const done = await this.reporting.run(\n { invention: { title: this.inventionTitle, content: this.content, reportedOn: this.reportedOn \|\| null, coInventorIds: this.coInventorIds }, files: this.files },\n { context: this.files.length ? uploadContext((fraction: number) => (this.progress = fraction)) : undefined }\n )\n this.progress = undefined\n if (!done) return\n const reported = done.reportInvention\n notify({ message: i18next.t('text.invention-reported', { day: reported.decisionDueOn }) })\n this.dispatchEvent(new CustomEvent('reported', { detail: reported }))\n }\n}\n"]}

package/dist-client/components/my-trainings.d.ts CHANGED Viewed

@@ -7,12 +7,10 @@ declare const ComplianceMyTrainings_base: (new (...args: any[]) => LitElement) &
  */
 export declare class ComplianceMyTrainings extends ComplianceMyTrainings_base {
     static styles: import("lit").CSSResult;
-    private rows;
-    private loaded;
-    private message;
-    connectedCallback(): void;
+    private mine;
+    private get rows();
+    private get message();
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
-    private fetch;
     private upload;
 }
 export {};