@things-factory/pdf 10.1.258 → 10.1.260

package/dist-client/pages/issued-document/issued-document-list.d.ts

@@ -1,8 +1,6 @@
 import '@material/web/icon/icon.js';
 import '@operato/data-grist/ox-grist.js';
-import '@operato/input/ox-input-select-buttons.js';
-import '@operato/input/ox-select.js';
-import '@operato/popup/ox-popup-list.js';
+import '@operato/data-grist/ox-filters-form.js';
 import { FetchOption } from '@operato/data-grist';
 import { PageView } from '@operato/shell';
 declare const IssuedDocumentList_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
@@ -18,10 +16,6 @@ export declare class IssuedDocumentList extends IssuedDocumentList_base {
     static styles: import("lit").CSSResult[];
     private gristConfig;
     private kindsRead;
-    private kind;
-    private states;
-    private from;
-    private to;
     private selected;
     private reason;
     private revoking;
@@ -37,19 +31,23 @@ export declare class IssuedDocumentList extends IssuedDocumentList_base {
             action: () => Promise<void | null>;
         }[];
         search: {
-            handler: (search: string) => Promise<void>;
+            handler: (search: string) => string;
             value: string;
         };
+        filter: {
+            handler: () => void;
+        };
     };
     render(): import("lit-html").TemplateResult<1>;
-    pageInitialized(): Promise<void>;
+    willUpdate(): void;
+    private configOf;
     pageUpdated(changes: any): Promise<void>;
     private conditions;
-    fetchHandler({ page, limit }: FetchOption): Promise<{
+    fetchHandler({ page, limit, ...asked }: FetchOption): Promise<{
         total: any;
         records: any;
     }>;
-    countHandler({ signal }: FetchOption): Promise<{
+    countHandler({ signal, ...asked }: FetchOption): Promise<{
         state: {
             [k: string]: any;
         };

package/dist-client/pages/issued-document/issued-document-list.js

@@ -1,19 +1,18 @@
 import { __decorate, __metadata } from "tslib";
 import '@material/web/icon/icon.js';
 import '@operato/data-grist/ox-grist.js';
-import '@operato/input/ox-input-select-buttons.js';
-import '@operato/input/ox-select.js';
-import '@operato/popup/ox-popup-list.js';
+import '@operato/data-grist/ox-filters-form.js';
 import gql from 'graphql-tag';
 import { css, html, nothing } from 'lit';
 import { customElement, query, state } from 'lit/decorators.js';
-import { DataGrist } from '@operato/data-grist';
+import { DataGrist, isFilterCondition } from '@operato/data-grist';
 import { client, MutationController, QueryController } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
 import { notify } from '@operato/layout';
 import { PageView } from '@operato/shell';
-import { CommonGristStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
 import { downloadIssuedFile, issueDocument, issuedDocumentKindWord as kindWord, openPdfView } from '../../issue-document';
+/** A filter the grid holds with nothing chosen - an empty select, no chips, both days open. */
 const FIELDS = 'id kind number subjectName purpose submittedTo state revokedAt revokeReason createdAt creator { id name } file { id fullpath name }';
 /**
  * 발급 대장 (ADR-0176 decision 2) - the documents issued, newest first: kind, number, whom or what each is about, what
@@ -28,12 +27,11 @@ let IssuedDocumentList = class IssuedDocumentList extends localize(i18next)(Page
         this.mine = false;
         /* The kinds this person may read, and the ones they issue here (ADR-0190). */
         this.kindsRead = new QueryController(this, gql `query { issuedDocumentKinds { kind asOf issuable refId } }`);
-        this.kind = '';
-        /* 발급 · 취소 - none chosen is both. */
-        this.states = [];
-        /* The days issued on, 'YYYY-MM-DD', either end open. */
-        this.from = '';
-        this.to = '';
+        /*
+         * The kind, 발급 · 취소 and the days issued on are the grid's own filters, in its headroom: the grid keeps them, the
+         * search and the page in the address, so a shared link, coming back and reloading read the same list
+         * (FOOTER-BUTTON-REVIEW G09), and a change of them reads page 1 again.
+         */
         this.selected = null;
         this.reason = '';
         this.revoking = new MutationController(this, gql `
@@ -48,6 +46,7 @@ let IssuedDocumentList = class IssuedDocumentList extends localize(i18next)(Page
         WorkSurfacePageStyles,
         ScrollbarStyles,
         CommonGristStyles,
+        CommonHeaderStyles,
         css `
       :host {
         display: flex;
@@ -56,13 +55,6 @@ let IssuedDocumentList = class IssuedDocumentList extends localize(i18next)(Page
       ox-grist {
         flex: 1;
       }
-      .filters {
-        display: flex;
-        flex-wrap: wrap;
-        gap: var(--spacing-medium, 8px) var(--spacing-large, 12px);
-        align-items: center;
-        padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);
-      }
       .revoke {
         display: flex;
         flex-wrap: wrap;
@@ -82,27 +74,6 @@ let IssuedDocumentList = class IssuedDocumentList extends localize(i18next)(Page
         padding: var(--input-padding);
         font: var(--input-font);
       }
-      .filters input[type='date'] {
-        background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));
-        color: var(--input-field-color, var(--md-sys-color-on-surface));
-        border: var(--border-dim-color);
-        border-radius: var(--border-radius);
-        padding: var(--input-padding);
-        font: var(--input-font);
-      }
-      .filters label {
-        display: flex;
-        align-items: center;
-        gap: var(--spacing-medium, 8px);
-        font: var(--label-font);
-        white-space: nowrap;
-      }
-      .filters ox-input-select-buttons {
-        flex: none;
-      }
-      ox-select {
-        min-width: 200px;
-      }
     `
     ]; }
     get kinds() {
@@ -123,49 +94,26 @@ let IssuedDocumentList = class IssuedDocumentList extends localize(i18next)(Page
                 icon: 'workspace_premium',
                 action: async () => (await issueDocument({ kind: one.kind, refId: one.refId ?? undefined, withAsOf: one.asOf })) && this.grist.fetch()
             })),
-            search: { handler: (search) => ((this.grist.searchText = search), this.grist.fetch()), value: this.grist?.searchText }
+            search: { handler: (search) => (this.grist.searchText = search), value: this.grist?.searchText || '' },
+            filter: { handler: () => this.grist.toggleHeadroom() }
         };
     }
     render() {
         const row = this.selected;
         return html `
-      <div class="filters">
-        ${this.kinds.length > 1
-            ? html `<label
-              >${i18next.t('field.issued-document-kind')}
-              <ox-select
-                .value=${this.kind}
-                @change=${(e) => {
-                const next = String(e.detail ?? '');
-                if (next !== this.kind)
-                    (this.kind = next), this.grist.fetch();
-            }}
-              >
-                <span slot="label">${this.kind ? kindWord(this.kind) : i18next.t('text.all')}</span>
-                <ox-popup-list align-left nowrap with-search>
-                  <div option value="">${i18next.t('text.all')}</div>
-                  ${this.kinds.map(kind => html `<div option value=${kind}>${kindWord(kind)}</div>`)}
-                </ox-popup-list>
-              </ox-select>
-            </label>`
-            : nothing}
-        <label
-          >${i18next.t('field.state')}
-          <ox-input-select-buttons
-            multiple
-            .options=${['published', 'revoked'].map(value => ({ value, display: i18next.t(`text.issued-document-${value}`), count: this.grist?.counts?.state?.[value] ?? 0 }))}
-            .value=${this.states}
-            @change=${(e) => ((this.states = e.target.value ?? []), this.grist.fetch())}
-          ></ox-input-select-buttons>
-        </label>
-        <label
-          >${i18next.t('field.issued-document-issued-on')}
-          <input type="date" .value=${this.from} @change=${(e) => ((this.from = e.target.value), this.grist.fetch())} />
-          ~
-          <input type="date" .value=${this.to} @change=${(e) => ((this.to = e.target.value), this.grist.fetch())} />
-        </label>
-      </div>
-      <ox-grist .mode=${'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} .countHandler=${this.countHandler.bind(this)} @counts-change=${() => this.requestUpdate()} @select-record-change=${(e) => this.select(e.detail?.records)}></ox-grist>
+      <ox-grist
+        .mode=${'GRID'}
+        search-mode="term"
+        .config=${this.gristConfig}
+        .fetchHandler=${this.fetchHandler.bind(this)}
+        .countHandler=${this.countHandler.bind(this)}
+        ?url-params-sensitive=${this.active}
+        @select-record-change=${(e) => this.select(e.detail?.records)}
+      >
+        <div slot="headroom" class="header">
+          <div class="filters"><ox-filters-form without-search></ox-filters-form></div>
+        </div>
+      </ox-grist>
       ${row && row.state === 'published'
             ? html `<div class="revoke">
             ${i18next.t('text.issued-document-revoke', { number: row.number })}
@@ -175,8 +123,13 @@ let IssuedDocumentList = class IssuedDocumentList extends localize(i18next)(Page
             : nothing}
     `;
     }
-    async pageInitialized() {
-        this.gristConfig = {
+    /* The kinds this person reads are the kind filter's choices: the grid is configured once they are known. */
+    willUpdate() {
+        if (!this.gristConfig && (this.kindsRead.data || this.kindsRead.error))
+            this.gristConfig = this.configOf(this.kinds);
+    }
+    configOf(kinds) {
+        return {
             columns: [
                 { type: 'gutter', gutterName: 'sequence' },
                 { type: 'gutter', gutterName: 'row-selector', multiple: false },
@@ -200,18 +153,40 @@ let IssuedDocumentList = class IssuedDocumentList extends localize(i18next)(Page
                     }
                 },
                 { type: 'string', name: 'number', header: i18next.t('field.issued-document-number'), width: 140 },
-                { type: 'string', name: 'kind', header: i18next.t('field.issued-document-kind'), record: { renderer: (value) => kindWord(value) }, width: 140 },
+                {
+                    type: 'string',
+                    name: 'kind',
+                    header: i18next.t('field.issued-document-kind'),
+                    record: { renderer: (value) => kindWord(value) },
+                    width: 140,
+                    /* Only one who reads more than one kind has a kind to choose. */
+                    filter: {
+                        operator: 'eq',
+                        type: 'select',
+                        hidden: kinds.length < 2,
+                        options: [{ value: '', display: i18next.t('text.all') }, ...kinds.map(kind => ({ value: kind, display: kindWord(kind) }))]
+                    }
+                },
                 { type: 'string', name: 'subjectName', header: i18next.t('field.issued-document-subject'), width: 160 },
                 { type: 'string', name: 'purpose', header: i18next.t('field.issued-document-purpose'), width: 160 },
                 { type: 'string', name: 'submittedTo', header: i18next.t('field.issued-document-submitted-to'), width: 160 },
-                { type: 'datetime', name: 'createdAt', header: i18next.t('field.issued-document-issued-at'), width: 160 },
+                {
+                    type: 'datetime',
+                    name: 'createdAt',
+                    header: i18next.t('field.issued-document-issued-at'),
+                    width: 160,
+                    /* The days issued on, 'YYYY-MM-DD', either end open. */
+                    filter: { operator: 'between', type: 'date' }
+                },
                 { type: 'resource-object', name: 'creator', header: i18next.t('field.issued-document-issuer'), width: 110 },
                 {
                     type: 'string',
                     name: 'state',
                     header: i18next.t('field.state'),
                     record: { renderer: (value, _c, record) => (value === 'revoked' ? `${i18next.t('text.issued-document-revoked')} · ${record.revokeReason ?? ''}` : i18next.t('text.issued-document-published')) },
-                    width: 200
+                    width: 200,
+                    /* 발급 · 취소 - none chosen is both; each chip with how many it holds under the other conditions. */
+                    filter: { operator: 'in', type: 'select-buttons', options: ['published', 'revoked'].map(value => ({ value, display: i18next.t(`text.issued-document-${value}`) })) }
                 }
             ],
             rows: { appendable: false, selectable: { multiple: false } }
@@ -221,21 +196,17 @@ let IssuedDocumentList = class IssuedDocumentList extends localize(i18next)(Page
         if (this.active && changes.active && this.grist)
             this.grist.fetch();
     }
-    /* The list's conditions other than the state: the kind, the days issued on and the search. */
-    conditions() {
-        const filters = [];
-        if (this.kind)
-            filters.push({ name: 'kind', operator: 'eq', value: this.kind });
-        if (this.from || this.to)
-            filters.push({ name: 'createdAt', operator: 'between', value: [this.from, this.to] });
-        if (this.grist?.searchText)
-            filters.push({ name: 'q', operator: 'search', value: this.grist.searchText });
-        return filters;
+    /*
+     * The grid's filters as the ledger's door takes them: the kind, the days issued on ([from, to], either end open) and
+     * the state as they are, a filter with nothing chosen left out, and the search term as the door's `q`.
+     */
+    conditions(filters = [], search) {
+        const term = search?.trim();
+        /* Every condition by the grid's rule - an operator without a value too (data-grist isFilterCondition). */
+        return [...filters.filter(isFilterCondition), ...(term ? [{ name: 'q', operator: 'search', value: term }] : [])];
     }
-    async fetchHandler({ page = 1, limit = 100 }) {
-        const filters = this.conditions();
-        if (this.states.length)
-            filters.push({ name: 'state', operator: 'in', value: this.states });
+    async fetchHandler({ page = 1, limit = 100, ...asked }) {
+        const filters = this.conditions(asked.filters, asked.search);
         const response = await client.query({
             query: gql(this.mine
                 ? `query ($filters: [Filter!], $pagination: Pagination) { list: readableIssuedDocuments(filters: $filters, pagination: $pagination, mine: true) { items { ${FIELDS} } total } }`
@@ -247,8 +218,8 @@ let IssuedDocumentList = class IssuedDocumentList extends localize(i18next)(Page
         return { total: response.data?.list?.total ?? 0, records: response.data?.list?.items ?? [] };
     }
     /* The state chips' numbers: the list's door totals each state under the other conditions, in one request. */
-    async countHandler({ signal }) {
-        const filters = this.conditions();
+    async countHandler({ signal, ...asked }) {
+        const filters = this.conditions(asked.filters, asked.search).filter(one => one.name !== 'state');
         const list = this.mine ? 'readableIssuedDocuments' : 'issuedDocuments';
         const states = ['published', 'revoked'];
         const response = await client.query({
@@ -281,22 +252,6 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], IssuedDocumentList.prototype, "gristConfig", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], IssuedDocumentList.prototype, "kind", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], IssuedDocumentList.prototype, "states", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], IssuedDocumentList.prototype, "from", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], IssuedDocumentList.prototype, "to", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)

package/dist-client/pages/issued-document/issued-document-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"issued-document-list.js","sourceRoot":"","sources":["../../../client/pages/issued-document/issued-document-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist/ox-grist.js'\nimport '@operato/input/ox-input-select-buttons.js'\nimport '@operato/input/ox-select.js'\nimport '@operato/popup/ox-popup-list.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, nothing } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client, MutationController, QueryController } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { PageView } from '@operato/shell'\nimport { CommonGristStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\n\nimport { downloadIssuedFile, issueDocument, issuedDocumentKindWord as kindWord, openPdfView } from '../../issue-document'\n\nconst FIELDS = 'id kind number subjectName purpose submittedTo state revokedAt revokeReason createdAt creator { id name } file { id fullpath name }'\n\n/**\n * 발급 대장 (ADR-0176 decision 2) - the documents issued, newest first: kind, number, whom or what each is about, what\n * for and to whom, who issued it and when, and whether it was revoked. Each person sees the kinds their own rules let\n * them read (the server asks each kind's module) - an employee their own certificates - and issues here what is about\n * the company or about themselves. A file is saved as it was issued; a mistaken one is revoked with a reason.\n */\n@customElement('issued-document-list')\nexport class IssuedDocumentList extends localize(i18next)(PageView) {\n  /** 내 증명서: one's own - about oneself or issued by oneself - and the documents one issues here. Else the whole ledger. */\n  protected mine = false\n\n  static styles = [\n    WorkSurfacePageStyles,\n    ScrollbarStyles,\n    CommonGristStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n      }\n      ox-grist {\n        flex: 1;\n      }\n      .filters {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n        align-items: center;\n        padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n      }\n      .revoke {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--spacing-medium, 8px);\n        align-items: center;\n        padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n        border-top: var(--border-dim-color);\n        font: var(--label-font);\n      }\n      .revoke input {\n        flex: 1;\n        min-width: 200px;\n        background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));\n        color: var(--input-field-color, var(--md-sys-color-on-surface));\n        border: var(--border-dim-color);\n        border-radius: var(--border-radius);\n        padding: var(--input-padding);\n        font: var(--input-font);\n      }\n      .filters input[type='date'] {\n        background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));\n        color: var(--input-field-color, var(--md-sys-color-on-surface));\n        border: var(--border-dim-color);\n        border-radius: var(--border-radius);\n        padding: var(--input-padding);\n        font: var(--input-font);\n      }\n      .filters label {\n        display: flex;\n        align-items: center;\n        gap: var(--spacing-medium, 8px);\n        font: var(--label-font);\n        white-space: nowrap;\n      }\n      .filters ox-input-select-buttons {\n        flex: none;\n      }\n      ox-select {\n        min-width: 200px;\n      }\n    `\n  ]\n\n  @state() private gristConfig: any\n  /* The kinds this person may read, and the ones they issue here (ADR-0190). */\n  private kindsRead = new QueryController<{ issuedDocumentKinds: { kind: string; asOf: boolean; issuable: boolean; refId?: string | null }[] }>(\n    this,\n    gql`query { issuedDocumentKinds { kind asOf issuable refId } }`\n  )\n  @state() private kind = ''\n  /* 발급 · 취소 - none chosen is both. */\n  @state() private states: string[] = []\n  /* The days issued on, 'YYYY-MM-DD', either end open. */\n  @state() private from = ''\n  @state() private to = ''\n  @state() private selected: any = null\n  @state() private reason = ''\n  private revoking = new MutationController(\n    this,\n    gql`\n      mutation ($id: String!, $reason: String!) {\n        revokeIssuedDocument(id: $id, reason: $reason) {\n          id\n        }\n      }\n    `\n  )\n\n  @query('ox-grist') private grist!: DataGrist\n\n  private get kinds(): string[] {\n    return (this.kindsRead.data?.issuedDocumentKinds ?? []).map(one => one.kind)\n  }\n\n  private get issuable() {\n    return (this.kindsRead.data?.issuedDocumentKinds ?? []).filter(one => one.issuable)\n  }\n\n  private get busy() {\n    return this.revoking.pending\n  }\n\n  get context() {\n    return {\n      title: i18next.t(this.mine ? 'title.my-issued-documents' : 'title.issued-document-list'),\n      /* Issued in 내 증명서: a document about oneself (one's 재직증명서), and one about the company itself (a 주주명부). */\n      actions: (this.mine ? this.issuable : []).map(one => ({\n        title: i18next.t('button.issue-kind', { kind: kindWord(one.kind) }),\n        icon: 'workspace_premium',\n        action: async () => (await issueDocument({ kind: one.kind, refId: one.refId ?? undefined, withAsOf: one.asOf })) && this.grist.fetch()\n      })),\n      search: { handler: (search: string) => ((this.grist.searchText = search), this.grist.fetch()), value: this.grist?.searchText }\n    }\n  }\n\n  render() {\n    const row = this.selected\n    return html`\n      <div class=\"filters\">\n        ${this.kinds.length > 1\n          ? html`<label\n              >${i18next.t('field.issued-document-kind')}\n              <ox-select\n                .value=${this.kind}\n                @change=${(e: CustomEvent) => {\n                  const next = String(e.detail ?? '')\n                  if (next !== this.kind) (this.kind = next), this.grist.fetch()\n                }}\n              >\n                <span slot=\"label\">${this.kind ? kindWord(this.kind) : i18next.t('text.all')}</span>\n                <ox-popup-list align-left nowrap with-search>\n                  <div option value=\"\">${i18next.t('text.all')}</div>\n                  ${this.kinds.map(kind => html`<div option value=${kind}>${kindWord(kind)}</div>`)}\n                </ox-popup-list>\n              </ox-select>\n            </label>`\n          : nothing}\n        <label\n          >${i18next.t('field.state')}\n          <ox-input-select-buttons\n            multiple\n            .options=${['published', 'revoked'].map(value => ({ value, display: i18next.t(`text.issued-document-${value}`), count: this.grist?.counts?.state?.[value] ?? 0 }))}\n            .value=${this.states}\n            @change=${(e: CustomEvent) => ((this.states = (e.target as any).value ?? []), this.grist.fetch())}\n          ></ox-input-select-buttons>\n        </label>\n        <label\n          >${i18next.t('field.issued-document-issued-on')}\n          <input type=\"date\" .value=${this.from} @change=${(e: any) => ((this.from = e.target.value), this.grist.fetch())} />\n          ~\n          <input type=\"date\" .value=${this.to} @change=${(e: any) => ((this.to = e.target.value), this.grist.fetch())} />\n        </label>\n      </div>\n      <ox-grist .mode=${'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} .countHandler=${this.countHandler.bind(this)} @counts-change=${() => this.requestUpdate()} @select-record-change=${(e: any) => this.select(e.detail?.records)}></ox-grist>\n      ${row && row.state === 'published'\n        ? html`<div class=\"revoke\">\n            ${i18next.t('text.issued-document-revoke', { number: row.number })}\n            <input .value=${this.reason} placeholder=${i18next.t('field.issued-document-revoke-reason')} ?disabled=${this.busy} @input=${(e: any) => (this.reason = e.target.value)} />\n            <button danger ?disabled=${this.busy || !this.reason.trim()} @click=${() => this.revoke()}>${i18next.t('button.issued-document-revoke')}</button>\n          </div>`\n        : nothing}\n    `\n  }\n\n  async pageInitialized() {\n    this.gristConfig = {\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: false },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'download',\n          title: i18next.t('button.issued-document-open'),\n          handlers: {\n            click: (_c: any, _d: any, _col: any, record: any) =>\n              record?.file?.fullpath && downloadIssuedFile(record.file).catch((error: any) => notify({ level: 'error', message: error?.message ?? String(error) }))\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'visibility',\n          title: i18next.t('button.pdf-preview'),\n          handlers: {\n            /* The issued file itself, as it went out - its number and seal - opened in place under its own name. */\n            click: (_c: any, _d: any, _col: any, record: any) => record?.file?.fullpath && openPdfView(record.file.fullpath, `${kindWord(record.kind)} · ${record.number}`)\n          }\n        },\n        { type: 'string', name: 'number', header: i18next.t('field.issued-document-number'), width: 140 },\n        { type: 'string', name: 'kind', header: i18next.t('field.issued-document-kind'), record: { renderer: (value: string) => kindWord(value) }, width: 140 },\n        { type: 'string', name: 'subjectName', header: i18next.t('field.issued-document-subject'), width: 160 },\n        { type: 'string', name: 'purpose', header: i18next.t('field.issued-document-purpose'), width: 160 },\n        { type: 'string', name: 'submittedTo', header: i18next.t('field.issued-document-submitted-to'), width: 160 },\n        { type: 'datetime', name: 'createdAt', header: i18next.t('field.issued-document-issued-at'), width: 160 },\n        { type: 'resource-object', name: 'creator', header: i18next.t('field.issued-document-issuer'), width: 110 },\n        {\n          type: 'string',\n          name: 'state',\n          header: i18next.t('field.state'),\n          record: { renderer: (value: string, _c: any, record: any) => (value === 'revoked' ? `${i18next.t('text.issued-document-revoked')} · ${record.revokeReason ?? ''}` : i18next.t('text.issued-document-published')) },\n          width: 200\n        }\n      ],\n      rows: { appendable: false, selectable: { multiple: false } }\n    }\n  }\n\n  async pageUpdated(changes: any) {\n    if ((this as any).active && changes.active && this.grist) this.grist.fetch()\n  }\n\n  /* The list's conditions other than the state: the kind, the days issued on and the search. */\n  private conditions(): any[] {\n    const filters: any[] = []\n    if (this.kind) filters.push({ name: 'kind', operator: 'eq', value: this.kind })\n    if (this.from || this.to) filters.push({ name: 'createdAt', operator: 'between', value: [this.from, this.to] })\n    if (this.grist?.searchText) filters.push({ name: 'q', operator: 'search', value: this.grist.searchText })\n    return filters\n  }\n\n  async fetchHandler({ page = 1, limit = 100 }: FetchOption) {\n    const filters = this.conditions()\n    if (this.states.length) filters.push({ name: 'state', operator: 'in', value: this.states })\n    const response = await client.query({\n      query: gql(\n        this.mine\n          ? `query ($filters: [Filter!], $pagination: Pagination) { list: readableIssuedDocuments(filters: $filters, pagination: $pagination, mine: true) { items { ${FIELDS} } total } }`\n          : `query ($filters: [Filter!], $pagination: Pagination) { list: issuedDocuments(filters: $filters, pagination: $pagination) { items { ${FIELDS} } total } }`\n      ),\n      variables: { filters, pagination: { page, limit } },\n      fetchPolicy: 'no-cache'\n    })\n    this.select([])\n    return { total: response.data?.list?.total ?? 0, records: response.data?.list?.items ?? [] }\n  }\n\n  /* The state chips' numbers: the list's door totals each state under the other conditions, in one request. */\n  async countHandler({ signal }: FetchOption) {\n    const filters = this.conditions()\n    const list = this.mine ? 'readableIssuedDocuments' : 'issuedDocuments'\n    const states = ['published', 'revoked']\n    const response = await client.query({\n      query: gql(\n        `query (${states.map((_, at) => `$f${at}: [Filter!]`).join(', ')}) { ${states\n          .map((_, at) => `c${at}: ${list}(filters: $f${at}, pagination: { page: 1, limit: 1 }${this.mine ? ', mine: true' : ''}) { total }`)\n          .join(' ')} }`\n      ),\n      variables: Object.fromEntries(states.map((state, at) => [`f${at}`, [...filters, { name: 'state', operator: 'in', value: [state] }]])),\n      fetchPolicy: 'no-cache',\n      context: { fetchOptions: { signal }, queryDeduplication: false }\n    })\n    if (response.errors?.length) throw response.errors[0]\n    return { state: Object.fromEntries(states.map((state, at) => [state, response.data?.[`c${at}`]?.total ?? 0])) }\n  }\n\n  private select(records: any[] | undefined) {\n    const row = records?.[0] ?? null\n    if (row?.id !== this.selected?.id) this.reason = ''\n    this.selected = row\n  }\n\n  private async revoke() {\n    const { id, number } = this.selected\n    if (!(await this.revoking.run({ id, reason: this.reason }))) return\n    notify({ message: i18next.t('text.issued-document-revoked-done', { number }) })\n    this.grist.fetch()\n  }\n}\n\n/** 내 정보 › 내 증명서 - the ledger's rows that are one's own, and the documents one issues for oneself. */\n@customElement('my-issued-document-list')\nexport class MyIssuedDocumentList extends IssuedDocumentList {\n  protected mine = true\n}\n"]}
+{"version":3,"file":"issued-document-list.js","sourceRoot":"","sources":["../../../client/pages/issued-document/issued-document-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, nothing } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist, FetchOption, isFilterCondition } from '@operato/data-grist'\nimport { client, MutationController, QueryController } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { PageView } from '@operato/shell'\nimport { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\n\nimport { downloadIssuedFile, issueDocument, issuedDocumentKindWord as kindWord, openPdfView } from '../../issue-document'\n\n/** A filter the grid holds with nothing chosen - an empty select, no chips, both days open. */\n\nconst FIELDS = 'id kind number subjectName purpose submittedTo state revokedAt revokeReason createdAt creator { id name } file { id fullpath name }'\n\n/**\n * 발급 대장 (ADR-0176 decision 2) - the documents issued, newest first: kind, number, whom or what each is about, what\n * for and to whom, who issued it and when, and whether it was revoked. Each person sees the kinds their own rules let\n * them read (the server asks each kind's module) - an employee their own certificates - and issues here what is about\n * the company or about themselves. A file is saved as it was issued; a mistaken one is revoked with a reason.\n */\n@customElement('issued-document-list')\nexport class IssuedDocumentList extends localize(i18next)(PageView) {\n  /** 내 증명서: one's own - about oneself or issued by oneself - and the documents one issues here. Else the whole ledger. */\n  protected mine = false\n\n  static styles = [\n    WorkSurfacePageStyles,\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n      }\n      ox-grist {\n        flex: 1;\n      }\n      .revoke {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--spacing-medium, 8px);\n        align-items: center;\n        padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n        border-top: var(--border-dim-color);\n        font: var(--label-font);\n      }\n      .revoke input {\n        flex: 1;\n        min-width: 200px;\n        background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));\n        color: var(--input-field-color, var(--md-sys-color-on-surface));\n        border: var(--border-dim-color);\n        border-radius: var(--border-radius);\n        padding: var(--input-padding);\n        font: var(--input-font);\n      }\n    `\n  ]\n\n  @state() private gristConfig: any\n  /* The kinds this person may read, and the ones they issue here (ADR-0190). */\n  private kindsRead = new QueryController<{ issuedDocumentKinds: { kind: string; asOf: boolean; issuable: boolean; refId?: string | null }[] }>(\n    this,\n    gql`query { issuedDocumentKinds { kind asOf issuable refId } }`\n  )\n  /*\n   * The kind, 발급 · 취소 and the days issued on are the grid's own filters, in its headroom: the grid keeps them, the\n   * search and the page in the address, so a shared link, coming back and reloading read the same list\n   * (FOOTER-BUTTON-REVIEW G09), and a change of them reads page 1 again.\n   */\n  @state() private selected: any = null\n  @state() private reason = ''\n  private revoking = new MutationController(\n    this,\n    gql`\n      mutation ($id: String!, $reason: String!) {\n        revokeIssuedDocument(id: $id, reason: $reason) {\n          id\n        }\n      }\n    `\n  )\n\n  @query('ox-grist') private grist!: DataGrist\n\n  private get kinds(): string[] {\n    return (this.kindsRead.data?.issuedDocumentKinds ?? []).map(one => one.kind)\n  }\n\n  private get issuable() {\n    return (this.kindsRead.data?.issuedDocumentKinds ?? []).filter(one => one.issuable)\n  }\n\n  private get busy() {\n    return this.revoking.pending\n  }\n\n  get context() {\n    return {\n      title: i18next.t(this.mine ? 'title.my-issued-documents' : 'title.issued-document-list'),\n      /* Issued in 내 증명서: a document about oneself (one's 재직증명서), and one about the company itself (a 주주명부). */\n      actions: (this.mine ? this.issuable : []).map(one => ({\n        title: i18next.t('button.issue-kind', { kind: kindWord(one.kind) }),\n        icon: 'workspace_premium',\n        action: async () => (await issueDocument({ kind: one.kind, refId: one.refId ?? undefined, withAsOf: one.asOf })) && this.grist.fetch()\n      })),\n      search: { handler: (search: string) => (this.grist.searchText = search), value: this.grist?.searchText || '' },\n      filter: { handler: () => this.grist.toggleHeadroom() }\n    }\n  }\n\n  render() {\n    const row = this.selected\n    return html`\n      <ox-grist\n        .mode=${'GRID'}\n        search-mode=\"term\"\n        .config=${this.gristConfig}\n        .fetchHandler=${this.fetchHandler.bind(this)}\n        .countHandler=${this.countHandler.bind(this)}\n        ?url-params-sensitive=${(this as any).active}\n        @select-record-change=${(e: any) => this.select(e.detail?.records)}\n      >\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\"><ox-filters-form without-search></ox-filters-form></div>\n        </div>\n      </ox-grist>\n      ${row && row.state === 'published'\n        ? html`<div class=\"revoke\">\n            ${i18next.t('text.issued-document-revoke', { number: row.number })}\n            <input .value=${this.reason} placeholder=${i18next.t('field.issued-document-revoke-reason')} ?disabled=${this.busy} @input=${(e: any) => (this.reason = e.target.value)} />\n            <button danger ?disabled=${this.busy || !this.reason.trim()} @click=${() => this.revoke()}>${i18next.t('button.issued-document-revoke')}</button>\n          </div>`\n        : nothing}\n    `\n  }\n\n  /* The kinds this person reads are the kind filter's choices: the grid is configured once they are known. */\n  willUpdate() {\n    if (!this.gristConfig && (this.kindsRead.data || this.kindsRead.error)) this.gristConfig = this.configOf(this.kinds)\n  }\n\n  private configOf(kinds: string[]) {\n    return {\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: false },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'download',\n          title: i18next.t('button.issued-document-open'),\n          handlers: {\n            click: (_c: any, _d: any, _col: any, record: any) =>\n              record?.file?.fullpath && downloadIssuedFile(record.file).catch((error: any) => notify({ level: 'error', message: error?.message ?? String(error) }))\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'visibility',\n          title: i18next.t('button.pdf-preview'),\n          handlers: {\n            /* The issued file itself, as it went out - its number and seal - opened in place under its own name. */\n            click: (_c: any, _d: any, _col: any, record: any) => record?.file?.fullpath && openPdfView(record.file.fullpath, `${kindWord(record.kind)} · ${record.number}`)\n          }\n        },\n        { type: 'string', name: 'number', header: i18next.t('field.issued-document-number'), width: 140 },\n        {\n          type: 'string',\n          name: 'kind',\n          header: i18next.t('field.issued-document-kind'),\n          record: { renderer: (value: string) => kindWord(value) },\n          width: 140,\n          /* Only one who reads more than one kind has a kind to choose. */\n          filter: {\n            operator: 'eq',\n            type: 'select',\n            hidden: kinds.length < 2,\n            options: [{ value: '', display: i18next.t('text.all') }, ...kinds.map(kind => ({ value: kind, display: kindWord(kind) }))]\n          }\n        },\n        { type: 'string', name: 'subjectName', header: i18next.t('field.issued-document-subject'), width: 160 },\n        { type: 'string', name: 'purpose', header: i18next.t('field.issued-document-purpose'), width: 160 },\n        { type: 'string', name: 'submittedTo', header: i18next.t('field.issued-document-submitted-to'), width: 160 },\n        {\n          type: 'datetime',\n          name: 'createdAt',\n          header: i18next.t('field.issued-document-issued-at'),\n          width: 160,\n          /* The days issued on, 'YYYY-MM-DD', either end open. */\n          filter: { operator: 'between', type: 'date' }\n        },\n        { type: 'resource-object', name: 'creator', header: i18next.t('field.issued-document-issuer'), width: 110 },\n        {\n          type: 'string',\n          name: 'state',\n          header: i18next.t('field.state'),\n          record: { renderer: (value: string, _c: any, record: any) => (value === 'revoked' ? `${i18next.t('text.issued-document-revoked')} · ${record.revokeReason ?? ''}` : i18next.t('text.issued-document-published')) },\n          width: 200,\n          /* 발급 · 취소 - none chosen is both; each chip with how many it holds under the other conditions. */\n          filter: { operator: 'in', type: 'select-buttons', options: ['published', 'revoked'].map(value => ({ value, display: i18next.t(`text.issued-document-${value}`) })) }\n        }\n      ],\n      rows: { appendable: false, selectable: { multiple: false } }\n    }\n  }\n\n  async pageUpdated(changes: any) {\n    if ((this as any).active && changes.active && this.grist) this.grist.fetch()\n  }\n\n  /*\n   * The grid's filters as the ledger's door takes them: the kind, the days issued on ([from, to], either end open) and\n   * the state as they are, a filter with nothing chosen left out, and the search term as the door's `q`.\n   */\n  private conditions(filters: any[] = [], search?: string): any[] {\n    const term = search?.trim()\n    /* Every condition by the grid's rule - an operator without a value too (data-grist isFilterCondition). */\n    return [...filters.filter(isFilterCondition), ...(term ? [{ name: 'q', operator: 'search', value: term }] : [])]\n  }\n\n  async fetchHandler({ page = 1, limit = 100, ...asked }: FetchOption) {\n    const filters = this.conditions(asked.filters, asked.search)\n    const response = await client.query({\n      query: gql(\n        this.mine\n          ? `query ($filters: [Filter!], $pagination: Pagination) { list: readableIssuedDocuments(filters: $filters, pagination: $pagination, mine: true) { items { ${FIELDS} } total } }`\n          : `query ($filters: [Filter!], $pagination: Pagination) { list: issuedDocuments(filters: $filters, pagination: $pagination) { items { ${FIELDS} } total } }`\n      ),\n      variables: { filters, pagination: { page, limit } },\n      fetchPolicy: 'no-cache'\n    })\n    this.select([])\n    return { total: response.data?.list?.total ?? 0, records: response.data?.list?.items ?? [] }\n  }\n\n  /* The state chips' numbers: the list's door totals each state under the other conditions, in one request. */\n  async countHandler({ signal, ...asked }: FetchOption) {\n    const filters = this.conditions(asked.filters, asked.search).filter(one => one.name !== 'state')\n    const list = this.mine ? 'readableIssuedDocuments' : 'issuedDocuments'\n    const states = ['published', 'revoked']\n    const response = await client.query({\n      query: gql(\n        `query (${states.map((_, at) => `$f${at}: [Filter!]`).join(', ')}) { ${states\n          .map((_, at) => `c${at}: ${list}(filters: $f${at}, pagination: { page: 1, limit: 1 }${this.mine ? ', mine: true' : ''}) { total }`)\n          .join(' ')} }`\n      ),\n      variables: Object.fromEntries(states.map((state, at) => [`f${at}`, [...filters, { name: 'state', operator: 'in', value: [state] }]])),\n      fetchPolicy: 'no-cache',\n      context: { fetchOptions: { signal }, queryDeduplication: false }\n    })\n    if (response.errors?.length) throw response.errors[0]\n    return { state: Object.fromEntries(states.map((state, at) => [state, response.data?.[`c${at}`]?.total ?? 0])) }\n  }\n\n  private select(records: any[] | undefined) {\n    const row = records?.[0] ?? null\n    if (row?.id !== this.selected?.id) this.reason = ''\n    this.selected = row\n  }\n\n  private async revoke() {\n    const { id, number } = this.selected\n    if (!(await this.revoking.run({ id, reason: this.reason }))) return\n    notify({ message: i18next.t('text.issued-document-revoked-done', { number }) })\n    this.grist.fetch()\n  }\n}\n\n/** 내 정보 › 내 증명서 - the ledger's rows that are one's own, and the documents one issues for oneself. */\n@customElement('my-issued-document-list')\nexport class MyIssuedDocumentList extends IssuedDocumentList {\n  protected mine = true\n}\n"]}

package/dist-client/pages/pdf-template/pdf-template-list-page.d.ts

@@ -33,6 +33,7 @@ export declare class PDFTemplateListPage extends PDFTemplateListPage_base {
                 dense: boolean;
                 danger: boolean;
             };
+            id: string;
             title: string;
             action: () => Promise<void>;
         }[];

package/dist-client/pages/pdf-template/pdf-template-list-page.js

@@ -47,21 +47,16 @@ let PDFTemplateListPage = class PDFTemplateListPage extends localize(i18next)(Sc
             search: { handler: (search) => {
                     this.grist.searchText = search;
                 },
-                value: this.grist.searchText },
+                value: this.grist?.searchText || '' },
             filter: { handler: () => {
                     this.grist.toggleHeadroom();
                 }
             },
             help: 'pdf/pdf-template',
+            /* A template starts in the creator form on the header (＋); the grid edits and deletes the kept ones. */
             actions: [
-                { title: i18next.t('button.save'),
-                    action: this._updatePDFTemplate.bind(this),
-                    ...CommonButtonStyles.save
-                },
-                { title: i18next.t('button.delete'),
-                    action: this._deletePDFTemplate.bind(this),
-                    ...CommonButtonStyles.delete
-                }
+                { id: 'delete', title: i18next.t('button.delete'), action: this._deletePDFTemplate.bind(this), ...CommonButtonStyles.delete },
+                { id: 'save', title: i18next.t('button.save'), action: this._updatePDFTemplate.bind(this), ...CommonButtonStyles.save }
             ],
             exportable: { name: i18next.t('title.pdf-template list'),
                 data: this.exportHandler.bind(this)
@@ -72,7 +67,7 @@ let PDFTemplateListPage = class PDFTemplateListPage extends localize(i18next)(Sc
     render() {
         const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID');
         return html `
-      <ox-grist class="page-fill" .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
+      <ox-grist class="page-fill" .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} ?url-params-sensitive=${this.active}>
         <div slot="headroom" class="header">
           <div class="filters">
             <ox-filters-form autofocus without-search></ox-filters-form>
@@ -233,6 +228,7 @@ let PDFTemplateListPage = class PDFTemplateListPage extends localize(i18next)(Sc
                 }
             ],
             rows: { appendable: false,
+                pasteAppendable: false,
                 selectable: { multiple: true
                 }
             },
@@ -279,12 +275,16 @@ let PDFTemplateListPage = class PDFTemplateListPage extends localize(i18next)(Sc
         };
     }
     async _deletePDFTemplate() {
+        if (!this.grist.selected.some(record => record.id)) {
+            notify({ level: 'info', message: i18next.t('text.select-rows-to-delete') });
+            return;
+        }
         if (await OxPrompt.open({ title: i18next.t('text.are_you_sure'),
             text: i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }),
             confirmButton: { text: i18next.t('button.confirm') },
             cancelButton: { text: i18next.t('button.cancel') }
         })) {
-            const ids = this.grist.selected.map(record => record.id);
+            const ids = this.grist.selected.map(record => record.id).filter(Boolean);
             if (ids && ids.length > 0) {
                 const response = await client.mutate({ mutation: gql `
             mutation ($ids: [String!]!) {               deletePDFTemplates(ids: $ids)
@@ -303,6 +303,10 @@ let PDFTemplateListPage = class PDFTemplateListPage extends localize(i18next)(Sc
     }
     async _updatePDFTemplate() {
         let patches = this.grist.dirtyRecords;
+        if (!patches?.length) {
+            notify({ level: 'info', message: i18next.t('text.nothing-to-save') });
+            return;
+        }
         if (patches && patches.length) {
             patches = patches.map(patch => {
                 let patchField = patch.id ? { id: patch.id } : {};