npm - @things-factory/worklist - Versions diffs - 10.1.258 → 10.1.260 - Mend

@things-factory/worklist 10.1.258 → 10.1.260

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 (57) hide show

package/dist-client/chip-counts.d.ts CHANGED Viewed

@@ -5,3 +5,16 @@
  * makes and the door that totals the sets.
  */
 export declare function chipCounts<F>(keys: readonly string[], filtersFor: (key: string) => F[], totals: (sets: F[][]) => Promise<number[]>): Promise<Record<string, number>>;
+/** The grid column whose filter holds the chips pressed - kept in the address with the list's other conditions. */
+export declare const CHIPS_FILTER = "chips";
+/**
+ * The grid's filters split into the chips pressed (the `chips` filter, one or several) and the list's other
+ * conditions, which the chips' named conditions are added to. Pure.
+ */
+export declare function splitChips<F extends {
+    name: string;
+    value?: unknown;
+}>(filters: readonly F[]): {
+    chips: string[];
+    filters: F[];
+};

package/dist-client/chip-counts.js CHANGED Viewed

@@ -8,4 +8,15 @@ export async function chipCounts(keys, filtersFor, totals) {
     const counted = await totals(keys.map(key => filtersFor(key)));
     return Object.fromEntries(keys.map((key, at) => [key, counted[at] ?? 0]));
 }
+/** The grid column whose filter holds the chips pressed - kept in the address with the list's other conditions. */
+export const CHIPS_FILTER = 'chips';
+/**
+ * The grid's filters split into the chips pressed (the `chips` filter, one or several) and the list's other
+ * conditions, which the chips' named conditions are added to. Pure.
+ */
+export function splitChips(filters) {
+    const chosen = filters.find(one => one.name === CHIPS_FILTER)?.value;
+    const chips = (Array.isArray(chosen) ? chosen : chosen ? [chosen] : []).map(String);
+    return { chips, filters: filters.filter(one => one.name !== CHIPS_FILTER) };
+}
 //# sourceMappingURL=chip-counts.js.map

package/dist-client/chip-counts.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chip-counts.js","sourceRoot":"","sources":["../client/chip-counts.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,KAAK,UAAU,UAAU,CAAI,IAAuB,EAAE,UAAgC,EAAE,MAA0C;IACvI,MAAM,OAAO,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IAC9D,OAAO,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;AAC3E,CAAC","sourcesContent":["/*\n The numbers beside a list's condition chips (「중요」, 「만기」 ...): each is how many the list would show with that\n * chip pressed under the list's other conditions - the list's own door asked for its total, one set of filters per\n * chip, so the number is counted by the server exactly as the list is. Pure: the caller gives the filters each chip\n * makes and the door that totals the sets.\n */\nexport async function chipCounts<F>(keys: readonly string[], filtersFor: (key: string) => F[], totals: (sets: F[][]) => Promise<number[]>): Promise<Record<string, number>> {\n const counted = await totals(keys.map(key => filtersFor(key)))\n return Object.fromEntries(keys.map((key, at) => [key, counted[at] ?? 0]))\n}\n"]}
1	+ {"version":3,"file":"chip-counts.js","sourceRoot":"","sources":["../client/chip-counts.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,KAAK,UAAU,UAAU,CAAI,IAAuB,EAAE,UAAgC,EAAE,MAA0C;IACvI,MAAM,OAAO,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IAC9D,OAAO,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;AAC3E,CAAC;AAED,mHAAmH;AACnH,MAAM,CAAC,MAAM,YAAY,GAAG,OAAO,CAAA;AAEnC;;;GAGG;AACH,MAAM,UAAU,UAAU,CAA8C,OAAqB;IAC3F,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,YAAY,CAAC,EAAE,KAAK,CAAA;IACpE,MAAM,KAAK,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IACnF,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,YAAY,CAAC,EAAE,CAAA;AAC7E,CAAC","sourcesContent":["/*\n The numbers beside a list's condition chips (「중요」, 「만기」 ...): each is how many the list would show with that\n * chip pressed under the list's other conditions - the list's own door asked for its total, one set of filters per\n * chip, so the number is counted by the server exactly as the list is. Pure: the caller gives the filters each chip\n * makes and the door that totals the sets.\n /\nexport async function chipCounts<F>(keys: readonly string[], filtersFor: (key: string) => F[], totals: (sets: F[][]) => Promise<number[]>): Promise<Record<string, number>> {\n const counted = await totals(keys.map(key => filtersFor(key)))\n return Object.fromEntries(keys.map((key, at) => [key, counted[at] ?? 0]))\n}\n\n/* The grid column whose filter holds the chips pressed - kept in the address with the list's other conditions. /\nexport const CHIPS_FILTER = 'chips'\n\n/\n The grid's filters split into the chips pressed (the `chips` filter, one or several) and the list's other\n * conditions, which the chips' named conditions are added to. Pure.\n */\nexport function splitChips<F extends { name: string; value?: unknown }>(filters: readonly F[]): { chips: string[]; filters: F[] } {\n const chosen = filters.find(one => one.name === CHIPS_FILTER)?.value\n const chips = (Array.isArray(chosen) ? chosen : chosen ? [chosen] : []).map(String)\n return { chips, filters: filters.filter(one => one.name !== CHIPS_FILTER) }\n}\n"]}

package/dist-client/chip-filters.d.ts CHANGED Viewed

@@ -59,3 +59,32 @@ export declare function withChips(filters: any[], chosen?: string | string[] | n
  * read's `signal`.
  */
 export declare function countChips(query: string, keys: string[], filters: any[], signal?: AbortSignal): Promise<Record<string, number>>;
+/**
+ * The chips as the grid's own filter (FOOTER-BUTTON-REVIEW G09): a column no one sees whose filter is the chips, so the
+ * pressed ones live in the address with search, sort and page - a shared link, coming back and reloading read the same
+ * list, and pressing one reads page 1 again. Their numbers are the grid's counts for this column (`countHandler`
+ * answering `{ chips: ... }`). The chips need no label: each names its condition.
+ */
+export declare function chipsColumn(chips: {
+    display: string;
+    value: string;
+    hint?: string;
+}[]): {
+    type: string;
+    name: string;
+    header: string;
+    hidden: boolean;
+    record: {
+        editable: boolean;
+    };
+    filter: {
+        type: string;
+        operator: string;
+        label: string;
+        options: {
+            display: string;
+            value: string;
+            hint?: string;
+        }[];
+    };
+};

package/dist-client/chip-filters.js CHANGED Viewed

@@ -2,7 +2,7 @@ import gql from 'graphql-tag';
 import { client } from '@operato/graphql';
 import { i18next } from '@operato/i18n';
 import { adjustFilters } from '@operato/utils';
-import { chipCounts } from './chip-counts.js';
+import { chipCounts, CHIPS_FILTER } from './chip-counts.js';
 import { ActivityThreadStatus } from './types/activity-thread.js';
 /**
  * 목록 위의 칩이 무엇을 걸러 내는가 — **한 곳에서 정한다.**
@@ -101,4 +101,20 @@ export async function countChips(query, keys, filters, signal) {
         return sets.map((_, at) => response.data?.[`c${at}`]?.total ?? 0);
     });
 }
+/**
+ * The chips as the grid's own filter (FOOTER-BUTTON-REVIEW G09): a column no one sees whose filter is the chips, so the
+ * pressed ones live in the address with search, sort and page - a shared link, coming back and reloading read the same
+ * list, and pressing one reads page 1 again. Their numbers are the grid's counts for this column (`countHandler`
+ * answering `{ chips: ... }`). The chips need no label: each names its condition.
+ */
+export function chipsColumn(chips) {
+    return {
+        type: 'string',
+        name: CHIPS_FILTER,
+        header: i18next.t('label.filter'),
+        hidden: true,
+        record: { editable: false },
+        filter: { type: 'select-buttons', operator: 'in', label: '', options: chips }
+    };
+}
 //# sourceMappingURL=chip-filters.js.map

package/dist-client/chip-filters.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chip-filters.js","sourceRoot":"","sources":["../client/chip-filters.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;~~AAC7C~~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","sourcesContent":["import gql from 'graphql-tag'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { adjustFilters } from '@operato/utils'\n\nimport { chipCounts } from './chip-counts.js'\nimport { ActivityThreadStatus } from './types/activity-thread.js'\n\n/*\n 목록 위의 칩이 무엇을 걸러 내는가 — 한 곳에서 정한다.\n \n ── 왜 모았나 (2026-09-02) ─────────────────────────────────────────────────\n * 「중요」와 「만기」가 다섯 화면에 있는데, 그 뜻이 다섯 곳에 복사돼 있었다.\n \n priority gte 2 5곳\n * dueAt lte (지금 + 24 * 3600 * 1000) 4곳\n \n 한 화면에서 「중요」를 우선순위 3 이상으로 바꾸면 나머지 넷은 2로 남는다. 그러면 *같은 이름의 칩이\n 화면마다 다른 것을 걸러 낸다.** 사용자는 그것을 알 방법이 없다.\n \n ── 칩은 컬럼 필터가 아니다 ────────────────────────────────────────────────\n * `ox-filters-form` 은 칸 하나와 연산자 하나를 그린다. 이 칩들은 이름 붙인 조건 묶음이다 —\n * 「중요」는 `priority = ?` 가 아니라 `priority >= 2` 이고, 「만기」는 지금 시각에서 계산한다.\n \n 그래서 사용자가 스스로 만들 수 없다. 「중요 = 우선순위 2 이상」은 제품이 아는 사실이다.\n \n ── 그러니 그 뜻을 화면이 말해야 한다 ──────────────────────────────────────\n * 이름만 보이면 눌러 보고 결과를 되짚어야 한다. 칩마다 `hint` 를 함께 낸다(마우스를 올리면 보인다).\n /\n\n/* 「중요」의 경계. 이 값 이상이 중요하다. /\nexport const IMPORTANT_FROM = 2\n\n/* 「만기」의 창. 이 시간 안에 만기가 오는 것. /\nexport const DUE_WITHIN_HOURS = 24\n\n/\n * 연산자를 리터럴로 좁힌다(`as const`). `adjustFilters` 가 받는 타입은 연산자가 정해진 낱말 중\n * 하나인데, 그 타입이 내보내지지 않아 여기서 가져올 수 없다. `string` 으로 두면 넘길 때 거절된다.\n /\n\n/* 우선순위가 경계 이상인 것. /\nexport function importantFilters() {\n return [{ name: 'priority', operator: 'gte' as const, value: IMPORTANT_FROM }]\n}\n\n/\n 만기가 창 안에 드는 것.\n \n 부를 때마다 지금 시각으로 계산한다 — 화면을 열어 둔 채 시간이 지나면 「만기 임박」의 범위도 함께\n * 움직여야 한다.\n /\nexport function dueSoonFilters() {\n const until = new Date(Date.now() + DUE_WITHIN_HOURS 3600 * 1000).toISOString().replace('T', ' ')\n\n return [{ name: 'dueAt', operator: 'lte' as const, value: until }]\n}\n\n/** 칩 하나 — 이름과 뜻. /\nexport function importantChip() {\n return {\n display: i18next.t('label.filter-important'),\n value: 'important',\n hint: i18next.t('text.filter-important-hint', { from: IMPORTANT_FROM })\n }\n}\n\nexport function dueSoonChip() {\n return {\n display: i18next.t('label.filter-due'),\n value: 'due',\n hint: i18next.t('text.filter-due-hint', { hours: DUE_WITHIN_HOURS })\n }\n}\n\n/\n * 칩마다 거는 조건 — 화면마다 if 로 따로 적던 것을 여기 한 곳에 둔다. 같은 이름의 칩은 어느 화면에서나 같은 것을\n * 걸러 낸다(위 「왜 모았나」). 시각에서 계산하는 것은 부를 때마다 지금으로 계산한다.\n /\nconst CONDITIONS: Record<string, () => { name: string; operator: any; value: any }[]> = {\n important: importantFilters,\n due: dueSoonFilters,\n proceeding: () => [{ name: 'state', operator: 'eq', value: ActivityThreadStatus.Started }],\n / 최근 24시간 이내에 끝낸 일 /\n recent: () => [{ name: 'terminatedAt', operator: 'gte', value: new Date(Date.now() - 24 3600 * 1000).toISOString().replace('T', ' ') }],\n aborted: () => [{ name: 'state', operator: 'eq', value: ActivityThreadStatus.Aborted }],\n resubmitted: () => [{ name: 'round', operator: 'gte', value: 2 }],\n rejected: () => [{ name: 'judgment', operator: 'eq', value: 'rejected' }]\n}\n\n/** The list's filters with the pressed chips' conditions added. /\nexport function withChips(filters: any[], chosen?: string \| string[] \| null): any[] {\n const keys = chosen instanceof Array ? chosen : chosen ? [chosen] : []\n return keys.reduce((narrowed, key) => (CONDITIONS[key] ? adjustFilters(narrowed, CONDITIONS[key]()) : narrowed), filters)\n}\n\n/\n How many each chip would show under the list's other conditions (`filters`, without the pressed chip) - the list\n * door `query` asked for its total once per chip, in one request. A list's `countHandler` asks it under the grid\n * read's `signal`.\n */\nexport async function countChips(query: string, keys: string[], filters: any[], signal?: AbortSignal): Promise<Record<string, number>> {\n return chipCounts(\n keys,\n key => withChips(filters, key),\n async sets => {\n const response = await client.query({\n query: gql`\n query (${sets.map((_, at) => `$f${at}: [Filter!]`).join(', ')}) {\n ${sets.map((_, at) => `c${at}: ${query}(filters: $f${at}, pagination: { page: 1, limit: 1 }) { total }`).join('\\n')}\n }\n `,\n variables: Object.fromEntries(sets.map((set, at) => [`f${at}`, set])),\n fetchPolicy: 'no-cache',\n context: { fetchOptions: { signal }, queryDeduplication: false }\n })\n return sets.map((_, at) => response.data?.[`c${at}`]?.total ?? 0)\n }\n )\n}\n"]}
1	+ {"version":3,"file":"chip-filters.js","sourceRoot":"","sources":["../client/chip-filters.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { adjustFilters } from '@operato/utils'\n\nimport { chipCounts, CHIPS_FILTER } from './chip-counts.js'\nimport { ActivityThreadStatus } from './types/activity-thread.js'\n\n/*\n 목록 위의 칩이 무엇을 걸러 내는가 — 한 곳에서 정한다.\n \n ── 왜 모았나 (2026-09-02) ─────────────────────────────────────────────────\n * 「중요」와 「만기」가 다섯 화면에 있는데, 그 뜻이 다섯 곳에 복사돼 있었다.\n \n priority gte 2 5곳\n * dueAt lte (지금 + 24 * 3600 * 1000) 4곳\n \n 한 화면에서 「중요」를 우선순위 3 이상으로 바꾸면 나머지 넷은 2로 남는다. 그러면 *같은 이름의 칩이\n 화면마다 다른 것을 걸러 낸다.** 사용자는 그것을 알 방법이 없다.\n \n ── 칩은 컬럼 필터가 아니다 ────────────────────────────────────────────────\n * `ox-filters-form` 은 칸 하나와 연산자 하나를 그린다. 이 칩들은 이름 붙인 조건 묶음이다 —\n * 「중요」는 `priority = ?` 가 아니라 `priority >= 2` 이고, 「만기」는 지금 시각에서 계산한다.\n \n 그래서 사용자가 스스로 만들 수 없다. 「중요 = 우선순위 2 이상」은 제품이 아는 사실이다.\n \n ── 그러니 그 뜻을 화면이 말해야 한다 ──────────────────────────────────────\n * 이름만 보이면 눌러 보고 결과를 되짚어야 한다. 칩마다 `hint` 를 함께 낸다(마우스를 올리면 보인다).\n /\n\n/* 「중요」의 경계. 이 값 이상이 중요하다. /\nexport const IMPORTANT_FROM = 2\n\n/* 「만기」의 창. 이 시간 안에 만기가 오는 것. /\nexport const DUE_WITHIN_HOURS = 24\n\n/\n * 연산자를 리터럴로 좁힌다(`as const`). `adjustFilters` 가 받는 타입은 연산자가 정해진 낱말 중\n * 하나인데, 그 타입이 내보내지지 않아 여기서 가져올 수 없다. `string` 으로 두면 넘길 때 거절된다.\n /\n\n/* 우선순위가 경계 이상인 것. /\nexport function importantFilters() {\n return [{ name: 'priority', operator: 'gte' as const, value: IMPORTANT_FROM }]\n}\n\n/\n 만기가 창 안에 드는 것.\n \n 부를 때마다 지금 시각으로 계산한다 — 화면을 열어 둔 채 시간이 지나면 「만기 임박」의 범위도 함께\n * 움직여야 한다.\n /\nexport function dueSoonFilters() {\n const until = new Date(Date.now() + DUE_WITHIN_HOURS 3600 * 1000).toISOString().replace('T', ' ')\n\n return [{ name: 'dueAt', operator: 'lte' as const, value: until }]\n}\n\n/** 칩 하나 — 이름과 뜻. /\nexport function importantChip() {\n return {\n display: i18next.t('label.filter-important'),\n value: 'important',\n hint: i18next.t('text.filter-important-hint', { from: IMPORTANT_FROM })\n }\n}\n\nexport function dueSoonChip() {\n return {\n display: i18next.t('label.filter-due'),\n value: 'due',\n hint: i18next.t('text.filter-due-hint', { hours: DUE_WITHIN_HOURS })\n }\n}\n\n/\n * 칩마다 거는 조건 — 화면마다 if 로 따로 적던 것을 여기 한 곳에 둔다. 같은 이름의 칩은 어느 화면에서나 같은 것을\n * 걸러 낸다(위 「왜 모았나」). 시각에서 계산하는 것은 부를 때마다 지금으로 계산한다.\n /\nconst CONDITIONS: Record<string, () => { name: string; operator: any; value: any }[]> = {\n important: importantFilters,\n due: dueSoonFilters,\n proceeding: () => [{ name: 'state', operator: 'eq', value: ActivityThreadStatus.Started }],\n / 최근 24시간 이내에 끝낸 일 /\n recent: () => [{ name: 'terminatedAt', operator: 'gte', value: new Date(Date.now() - 24 3600 * 1000).toISOString().replace('T', ' ') }],\n aborted: () => [{ name: 'state', operator: 'eq', value: ActivityThreadStatus.Aborted }],\n resubmitted: () => [{ name: 'round', operator: 'gte', value: 2 }],\n rejected: () => [{ name: 'judgment', operator: 'eq', value: 'rejected' }]\n}\n\n/** The list's filters with the pressed chips' conditions added. /\nexport function withChips(filters: any[], chosen?: string \| string[] \| null): any[] {\n const keys = chosen instanceof Array ? chosen : chosen ? [chosen] : []\n return keys.reduce((narrowed, key) => (CONDITIONS[key] ? adjustFilters(narrowed, CONDITIONS[key]()) : narrowed), filters)\n}\n\n/\n How many each chip would show under the list's other conditions (`filters`, without the pressed chip) - the list\n * door `query` asked for its total once per chip, in one request. A list's `countHandler` asks it under the grid\n * read's `signal`.\n /\nexport async function countChips(query: string, keys: string[], filters: any[], signal?: AbortSignal): Promise<Record<string, number>> {\n return chipCounts(\n keys,\n key => withChips(filters, key),\n async sets => {\n const response = await client.query({\n query: gql`\n query (${sets.map((_, at) => `$f${at}: [Filter!]`).join(', ')}) {\n ${sets.map((_, at) => `c${at}: ${query}(filters: $f${at}, pagination: { page: 1, limit: 1 }) { total }`).join('\\n')}\n }\n `,\n variables: Object.fromEntries(sets.map((set, at) => [`f${at}`, set])),\n fetchPolicy: 'no-cache',\n context: { fetchOptions: { signal }, queryDeduplication: false }\n })\n return sets.map((_, at) => response.data?.[`c${at}`]?.total ?? 0)\n }\n )\n}\n\n/\n The chips as the grid's own filter (FOOTER-BUTTON-REVIEW G09): a column no one sees whose filter is the chips, so the\n * pressed ones live in the address with search, sort and page - a shared link, coming back and reloading read the same\n * list, and pressing one reads page 1 again. Their numbers are the grid's counts for this column (`countHandler`\n * answering `{ chips: ... }`). The chips need no label: each names its condition.\n */\nexport function chipsColumn(chips: { display: string; value: string; hint?: string }[]) {\n return {\n type: 'string',\n name: CHIPS_FILTER,\n header: i18next.t('label.filter'),\n hidden: true,\n record: { editable: false },\n filter: { type: 'select-buttons', operator: 'in', label: '', options: chips }\n }\n}\n"]}

package/dist-client/pages/approval-progress/approval-progress-page.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import '@operato/data-grist';
 import '@operato/data-grist/ox-filters-form.js';
-import '@operato/input/ox-input-select-buttons.js';
 import '../activity-instance/activity-instance-view.js';
 import { DataGrist, FetchOption } from '@operato/data-grist';
 import { PageView } from '@operato/shell';
@@ -16,9 +15,6 @@ export declare class ApprovalProgressPage extends ApprovalProgressPage_base {
     grist: DataGrist;
     gristConfig?: any;
     mode: 'GRID' | 'LIST' | 'CARD';
-    /** The chips pressed — states, and 기한 넘김. */
-    chips: string[];
-    counts: Map<string, number>;
     get context(): {
         title: string;
         search: {

package/dist-client/pages/approval-progress/approval-progress-page.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import { __decorate, __metadata } from "tslib";
 import '@operato/data-grist';
 import '@operato/data-grist/ox-filters-form.js';
-import '@operato/input/ox-input-select-buttons.js';
 import '../activity-instance/activity-instance-view.js';
 import gql from 'graphql-tag';
 import { css, html } from 'lit';
@@ -18,6 +17,8 @@ import { waitedParts } from '../../approval-progress.js';
 import { whenShortText } from '../../when.js';
 const STATES = ['PENDING', 'APPROVED', 'REJECTED', 'ABORTED'];
 const OVERDUE = 'OVERDUE';
+/** The grid column whose filter holds the chips pressed. */
+const CHIPS = 'chips';
 /**
  * 결재 현황 — every approval of the domain, whatever its kind, and where each stands (ADR-0183).
  *
@@ -28,9 +29,6 @@ let ApprovalProgressPage = class ApprovalProgressPage extends localize(i18next)(
     constructor() {
         super(...arguments);
         this.mode = isMobileDevice() ? 'CARD' : 'GRID';
-        /** The chips pressed — states, and 기한 넘김. */
-        this.chips = [STATES[0]];
-        this.counts = new Map();
     }
     static { this.styles = [
         /* The work surface frame for a list screen (ADR-0060 decision 8). */
@@ -67,25 +65,17 @@ let ApprovalProgressPage = class ApprovalProgressPage extends localize(i18next)(
             }
         };
     }
+    /*
+     * The kind, department, raised days, the chips (states and 기한 넘김), search and page are the grid's own, kept in
+     * the address (FOOTER-BUTTON-REVIEW G09): a shared link, coming back and reloading read the same list, and a change of
+     * them reads page 1 again. `mode` is only how the rows are drawn, never a condition.
+     */
     render() {
         return html `
-      <ox-grist class="page-fill" .mode=${this.mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
+      <ox-grist class="page-fill" .mode=${this.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 class="filter" without-search></ox-filters-form>
-            <ox-input-select-buttons
-              multiple
-              .value=${this.chips}
-              .options=${[...STATES, OVERDUE].map(value => ({
-            value,
-            display: i18next.t(`label.approval-progress-${value.toLowerCase()}`),
-            count: this.counts.get(value) ?? 0
-        }))}
-              @change=${(e) => {
-            this.chips = e.currentTarget?.value || [];
-            this.grist.fetch();
-        }}
-            ></ox-input-select-buttons>
           </div>
         </div>
       </ox-grist>
@@ -127,7 +117,7 @@ let ApprovalProgressPage = class ApprovalProgressPage extends localize(i18next)(
                 { type: 'string', name: 'departmentName', header: i18next.t('field.approval-department'), record: { editable: false }, width: 100 },
                 { type: 'string', name: 'stateLabel', header: i18next.t('label.status'), record: { editable: false, align: 'center' }, width: 70 },
                 { type: 'string', name: 'stepText', header: i18next.t('field.approval-step'), record: { editable: false, align: 'center' }, width: 60 },
-                { type: 'string', name: 'waiting', header: i18next.t('field.approval-waiting-on'), record: { editable: false }, width: 180 },
+                { type: 'string', name: 'waiting', header: i18next.t('field.approval-approver'), record: { editable: false }, width: 180 },
                 { type: 'string', name: 'waited', header: i18next.t('field.approval-waited'), record: { editable: false }, width: 100 },
                 {
                     type: 'datetime',
@@ -137,7 +127,22 @@ let ApprovalProgressPage = class ApprovalProgressPage extends localize(i18next)(
                     width: 130
                 },
                 { type: 'date', name: 'raisedAt', header: i18next.t('field.approval-raised-at'), record: { editable: false, renderer: value => whenShortText(value) }, filter: { operator: 'between' }, width: 140 },
-                { type: 'datetime', name: 'endedAt', header: i18next.t('field.approval-ended-at'), record: { editable: false, renderer: value => whenShortText(value) }, width: 140 }
+                { type: 'datetime', name: 'endedAt', header: i18next.t('field.approval-ended-at'), record: { editable: false, renderer: value => whenShortText(value) }, width: 140 },
+                {
+                    /* The chips - the states and 기한 넘김, waiting ones first; each names itself, so no label. Their numbers are the read's. */
+                    type: 'string',
+                    name: CHIPS,
+                    header: i18next.t('label.status'),
+                    hidden: true,
+                    record: { editable: false },
+                    filter: {
+                        type: 'select-buttons',
+                        operator: 'in',
+                        label: '',
+                        value: [STATES[0]],
+                        options: [...STATES, OVERDUE].map(value => ({ value, display: i18next.t(`label.approval-progress-${value.toLowerCase()}`) }))
+                    }
+                }
             ],
             rows: { appendable: false, selectable: false },
             sorters: []
@@ -190,14 +195,16 @@ let ApprovalProgressPage = class ApprovalProgressPage extends localize(i18next)(
         const kinds = valueOf('activityName');
         const [from, to] = valueOf('raisedAt') || [];
         const search = filters.find(one => one.operator === 'search')?.value?.replace(/^%|%$/g, '');
+        const pressed = valueOf(CHIPS);
+        const chips = pressed ? [].concat(pressed) : [];
         return {
             activityNames: kinds ? [].concat(kinds) : undefined,
             departmentIds: valueOf('departmentId') ? [valueOf('departmentId')] : undefined,
             from: from ? new Date(from) : undefined,
             /* The range's last day counts whole - the server's `to` is exclusive. */
             to: to ? new Date(new Date(to).getTime() + 24 * 3600 * 1000) : undefined,
-            states: this.chips.filter(chip => chip !== OVERDUE),
-            overdueOnly: this.chips.includes(OVERDUE) || undefined,
+            states: chips.filter(chip => chip !== OVERDUE),
+            overdueOnly: chips.includes(OVERDUE) || undefined,
             search: search || undefined
         };
     }
@@ -218,6 +225,7 @@ let ApprovalProgressPage = class ApprovalProgressPage extends localize(i18next)(
               step
               steps
               waitingOn
+              decidedBy
               waitingRole
               waitingSince
               dueAt
@@ -238,7 +246,10 @@ let ApprovalProgressPage = class ApprovalProgressPage extends localize(i18next)(
             fetchPolicy: 'no-cache'
         });
         const result = response.data?.approvalProgress;
-        this.counts = new Map([...(result?.counts || []).map((one) => [one.state, one.count]), [OVERDUE, result?.overdue ?? 0]]);
+        /* The chips' numbers come with the rows - handed to the grid as its counts for the chips column, which the form draws. */
+        const counts = { [CHIPS]: Object.fromEntries([...(result?.counts || []).map((one) => [one.state, one.count]), [OVERDUE, result?.overdue ?? 0]]) };
+        this.grist.counts = counts;
+        this.grist.dispatchEvent(new CustomEvent('counts-change', { detail: counts }));
         return {
             total: result?.total || 0,
             records: (result?.items || []).map((item) => ({
@@ -251,7 +262,10 @@ let ApprovalProgressPage = class ApprovalProgressPage extends localize(i18next)(
             }))
         };
     }
+    /* Who decides it: whom a waiting case waits on, who approved last or rejected a decided one. */
     waitingText(item) {
+        if (item.state !== 'PENDING')
+            return (item.decidedBy || []).join(', ');
         const names = (item.waitingOn || []).join(', ');
         return item.waitingRole ? `${item.waitingRole}${names ? ` (${names})` : ''}` : names;
     }
@@ -279,14 +293,6 @@ __decorate([
     state(),
     __metadata("design:type", String)
 ], ApprovalProgressPage.prototype, "mode", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], ApprovalProgressPage.prototype, "chips", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ApprovalProgressPage.prototype, "counts", void 0);
 ApprovalProgressPage = __decorate([
     customElement('approval-progress-page')
 ], ApprovalProgressPage);

package/dist-client/pages/approval-progress/approval-progress-page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"approval-progress-page.js","sourceRoot":"","sources":["../../../client/pages/approval-progress/approval-progress-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\nimport '@operato/data-grist/ox-filters-form.js'\nimport '@operato/input/ox-input-select-buttons.js'\nimport '../activity-instance/activity-instance-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\nimport { PageView } from '@operato/shell'\nimport { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\n\nimport { dueCell } from '../../activity-cells.js'\nimport { waitedParts } from '../../approval-progress.js'\nimport { whenShortText } from '../../when.js'\n\nconst STATES = ['PENDING', 'APPROVED', 'REJECTED', 'ABORTED'] as const\nconst OVERDUE = 'OVERDUE'\n\n/*\n 결재 현황 — every approval of the domain, whatever its kind, and where each stands (ADR-0183).\n \n The rows, the step and whom it waits on are the server's (`approvalProgress`); this page only asks with the\n * conditions pressed and draws. A row opens the case's own view, whose door checks the reader again.\n /\n@customElement('approval-progress-page')\nexport class ApprovalProgressPage extends localize(i18next)(PageView) {\n static styles = [\n / The work surface frame for a list screen (ADR-0060 decision 8). /\n WorkSurfacePageStyles,\n ScrollbarStyles,\n CommonGristStyles,\n CommonHeaderStyles,\n css`\n .header {\n grid-template-areas: 'filters actions';\n }\n\n .header .filters {\n padding: 0;\n background: none;\n border-radius: 0;\n gap: 12px;\n }\n `\n ]\n\n @query('ox-grist') grist!: DataGrist\n\n @state() gristConfig?: any\n @state() mode: 'GRID' \| 'LIST' \| 'CARD' = isMobileDevice() ? 'CARD' : 'GRID'\n /* The chips pressed — states, and 기한 넘김. /\n @state() chips: string[] = [STATES[0]]\n @state() counts = new Map<string, number>()\n\n get context() {\n return {\n title: i18next.t('title.approval progress'),\n search: {\n handler: (search: string) => {\n this.grist.searchText = search\n },\n value: this.grist?.searchText \|\| ''\n },\n filter: {\n handler: () => {\n this.grist.toggleHeadroom()\n }\n }\n }\n }\n\n render() {\n return html`\n <ox-grist class=\"page-fill\" .mode=${this.mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n <div slot=\"headroom\" class=\"header\">\n <div class=\"filters\">\n <ox-filters-form class=\"filter\" without-search></ox-filters-form>\n <ox-input-select-buttons\n multiple\n .value=${this.chips}\n .options=${[...STATES, OVERDUE].map(value => ({\n value,\n display: i18next.t(`label.approval-progress-${value.toLowerCase()}`),\n count: this.counts.get(value) ?? 0\n }))}\n @change=${(e: CustomEvent) => {\n this.chips = (e.currentTarget as any)?.value \|\| []\n this.grist.fetch()\n }}\n ></ox-input-select-buttons>\n </div>\n </div>\n </ox-grist>\n `\n }\n\n async pageInitialized() {\n this.gristConfig = {\n pagination: { pages: [50, 100, 200] },\n list: { fields: ['headline', 'activityLabel'], details: ['requesterName', 'waiting', 'waited'] },\n columns: [\n { type: 'gutter', gutterName: 'sequence' },\n {\n type: 'gutter',\n gutterName: 'button',\n icon: 'assignment',\n iconOnly: false,\n title: i18next.t('button.view'),\n width: 72,\n handlers: { click: (_columns, _data, _column, record) => this.openCase(record) }\n },\n {\n / The kind filter - the kinds that have a case here, as the server names them. /\n type: 'select',\n name: 'activityName',\n header: i18next.t('field.approval-kind'),\n hidden: true,\n filter: { operator: 'in', options: () => this.kindOptions() }\n },\n { type: 'string', name: 'activityLabel', header: i18next.t('field.approval-kind'), record: { editable: false }, width: 140 },\n { type: 'string', name: 'headline', header: i18next.t('field.approval-headline'), record: { editable: false }, filter: 'search', width: 260 },\n { type: 'string', name: 'requesterName', header: i18next.t('field.approval-requester'), record: { editable: false }, filter: 'search', width: 90 },\n {\n type: 'select',\n name: 'departmentId',\n header: i18next.t('field.approval-department'),\n hidden: true,\n filter: { operator: 'eq', options: () => this.departmentOptions() }\n },\n { type: 'string', name: 'departmentName', header: i18next.t('field.approval-department'), record: { editable: false }, width: 100 },\n { type: 'string', name: 'stateLabel', header: i18next.t('label.status'), record: { editable: false, align: 'center' }, width: 70 },\n { type: 'string', name: 'stepText', header: i18next.t('field.approval-step'), record: { editable: false, align: 'center' }, width: 60 },\n { type: 'string', name: 'waiting', header: i18next.t('field.approval-waiting-on'), record: { editable: false }, width: 180 },\n { type: 'string', name: 'waited', header: i18next.t('field.approval-waited'), record: { editable: false }, width: 100 },\n {\n type: 'datetime',\n name: 'dueAt',\n header: i18next.t('field.approval-due-at'),\n record: { editable: false, renderer: dueCell(() => this.active) },\n width: 130\n },\n { type: 'date', name: 'raisedAt', header: i18next.t('field.approval-raised-at'), record: { editable: false, renderer: value => whenShortText(value) }, filter: { operator: 'between' }, width: 140 },\n { type: 'datetime', name: 'endedAt', header: i18next.t('field.approval-ended-at'), record: { editable: false, renderer: value => whenShortText(value) }, width: 140 }\n ],\n rows: { appendable: false, selectable: false },\n sorters: []\n }\n }\n\n private openCase(record: any) {\n openPopup(html`<activity-instance-view activity-instance-id=${record.id}></activity-instance-view>`, {\n backdrop: true,\n size: 'large',\n title: record.headline\n })\n }\n\n private async kindOptions() {\n const response = await client.query({\n query: gql`\n query {\n approvalProgress(pagination: { page: 1, limit: 1 }) {\n kinds {\n name\n label\n labelTKey\n }\n }\n }\n `\n })\n return (response.data?.approvalProgress?.kinds \|\| []).map((kind: any) => ({\n value: kind.name,\n display: String(i18next.t(kind.labelTKey, { defaultValue: kind.label }))\n }))\n }\n\n private async departmentOptions() {\n const response = await client.query({\n query: gql`\n query {\n departments(pagination: { page: 1, limit: 500 }, sortings: [{ name: \"name\" }]) {\n items {\n id\n name\n }\n }\n }\n `\n })\n return (response.data?.departments?.items \|\| []).map((one: any) => ({ value: one.id, display: one.name }))\n }\n\n /* The grid's conditions as the server's filter - the column filters, the search box and the chips. /\n private filterOf(filters: any[]) {\n const valueOf = (name: string) => filters.find(one => one.name === name && one.operator !== 'search')?.value\n const kinds = valueOf('activityName')\n const [from, to] = valueOf('raisedAt') \|\| []\n const search = filters.find(one => one.operator === 'search')?.value?.replace(/^%\|%$/g, '')\n\n return {\n activityNames: kinds ? [].concat(kinds) : undefined,\n departmentIds: valueOf('departmentId') ? [valueOf('departmentId')] : undefined,\n from: from ? new Date(from) : undefined,\n / The range's last day counts whole - the server's `to` is exclusive. /\n to: to ? new Date(new Date(to).getTime() + 24 3600 * 1000) : undefined,\n states: this.chips.filter(chip => chip !== OVERDUE),\n overdueOnly: this.chips.includes(OVERDUE) \|\| undefined,\n search: search \|\| undefined\n }\n }\n\n async fetchHandler({ page, limit, filters = [] }: FetchOption) {\n const response = await client.query({\n query: gql`\n query ($filter: ApprovalProgressFilter, $pagination: Pagination) {\n approvalProgress(filter: $filter, pagination: $pagination) {\n items {\n id\n activityName\n activityLabel\n activityLabelTKey\n headline\n requesterName\n departmentName\n state\n step\n steps\n waitingOn\n waitingRole\n waitingSince\n dueAt\n overdue\n raisedAt\n endedAt\n }\n total\n counts {\n state\n count\n }\n overdue\n }\n }\n `,\n variables: { filter: this.filterOf(filters), pagination: { page, limit } },\n fetchPolicy: 'no-cache'\n })\n\n const result = response.data?.approvalProgress\n this.counts = new Map([...(result?.counts \|\| []).map((one: any) => [one.state, one.count]), [OVERDUE, result?.overdue ?? 0]])\n\n return {\n total: result?.total \|\| 0,\n records: (result?.items \|\| []).map((item: any) => ({\n ...item,\n activityLabel: item.activityLabelTKey ? String(i18next.t(item.activityLabelTKey, { defaultValue: item.activityLabel })) : item.activityLabel,\n stateLabel: i18next.t(`label.approval-progress-${String(item.state).toLowerCase()}`),\n stepText: item.step ? `${item.step} / ${item.steps}` : '',\n waiting: this.waitingText(item),\n waited: this.waitedText(item)\n }))\n }\n }\n\n private waitingText(item: any) {\n const names = (item.waitingOn \|\| []).join(', ')\n return item.waitingRole ? `${item.waitingRole}${names ? ` (${names})` : ''}` : names\n }\n\n private waitedText(item: any) {\n const parts = item.state === 'PENDING' ? waitedParts(item.waitingSince) : undefined\n if (!parts) return ''\n /* Past due is the due column's to say (dueCell) - said here too, it would be said twice. */\n return parts.days\n ? i18next.t('text.waited-days', parts)\n : parts.hours\n ? i18next.t('text.waited-hours', parts)\n : i18next.t('text.waited-minutes', parts)\n }\n}\n"]}
1	+ {"version":3,"file":"approval-progress-page.js","sourceRoot":"","sources":["../../../client/pages/approval-progress/approval-progress-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\nimport '@operato/data-grist/ox-filters-form.js'\nimport '../activity-instance/activity-instance-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\nimport { PageView } from '@operato/shell'\nimport { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\n\nimport { dueCell } from '../../activity-cells.js'\nimport { waitedParts } from '../../approval-progress.js'\nimport { whenShortText } from '../../when.js'\n\nconst STATES = ['PENDING', 'APPROVED', 'REJECTED', 'ABORTED'] as const\nconst OVERDUE = 'OVERDUE'\n/** The grid column whose filter holds the chips pressed. /\nconst CHIPS = 'chips'\n\n/\n 결재 현황 — every approval of the domain, whatever its kind, and where each stands (ADR-0183).\n \n The rows, the step and whom it waits on are the server's (`approvalProgress`); this page only asks with the\n * conditions pressed and draws. A row opens the case's own view, whose door checks the reader again.\n /\n@customElement('approval-progress-page')\nexport class ApprovalProgressPage extends localize(i18next)(PageView) {\n static styles = [\n / The work surface frame for a list screen (ADR-0060 decision 8). /\n WorkSurfacePageStyles,\n ScrollbarStyles,\n CommonGristStyles,\n CommonHeaderStyles,\n css`\n .header {\n grid-template-areas: 'filters actions';\n }\n\n .header .filters {\n padding: 0;\n background: none;\n border-radius: 0;\n gap: 12px;\n }\n `\n ]\n\n @query('ox-grist') grist!: DataGrist\n\n @state() gristConfig?: any\n @state() mode: 'GRID' \| 'LIST' \| 'CARD' = isMobileDevice() ? 'CARD' : 'GRID'\n\n get context() {\n return {\n title: i18next.t('title.approval progress'),\n search: {\n handler: (search: string) => {\n this.grist.searchText = search\n },\n value: this.grist?.searchText \|\| ''\n },\n filter: {\n handler: () => {\n this.grist.toggleHeadroom()\n }\n }\n }\n }\n\n /\n * The kind, department, raised days, the chips (states and 기한 넘김), search and page are the grid's own, kept in\n * the address (FOOTER-BUTTON-REVIEW G09): a shared link, coming back and reloading read the same list, and a change of\n * them reads page 1 again. `mode` is only how the rows are drawn, never a condition.\n /\n render() {\n return html`\n <ox-grist class=\"page-fill\" .mode=${this.mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} ?url-params-sensitive=${this.active}>\n <div slot=\"headroom\" class=\"header\">\n <div class=\"filters\">\n <ox-filters-form class=\"filter\" without-search></ox-filters-form>\n </div>\n </div>\n </ox-grist>\n `\n }\n\n async pageInitialized() {\n this.gristConfig = {\n pagination: { pages: [50, 100, 200] },\n list: { fields: ['headline', 'activityLabel'], details: ['requesterName', 'waiting', 'waited'] },\n columns: [\n { type: 'gutter', gutterName: 'sequence' },\n {\n type: 'gutter',\n gutterName: 'button',\n icon: 'assignment',\n iconOnly: false,\n title: i18next.t('button.view'),\n width: 72,\n handlers: { click: (_columns, _data, _column, record) => this.openCase(record) }\n },\n {\n / The kind filter - the kinds that have a case here, as the server names them. /\n type: 'select',\n name: 'activityName',\n header: i18next.t('field.approval-kind'),\n hidden: true,\n filter: { operator: 'in', options: () => this.kindOptions() }\n },\n { type: 'string', name: 'activityLabel', header: i18next.t('field.approval-kind'), record: { editable: false }, width: 140 },\n { type: 'string', name: 'headline', header: i18next.t('field.approval-headline'), record: { editable: false }, filter: 'search', width: 260 },\n { type: 'string', name: 'requesterName', header: i18next.t('field.approval-requester'), record: { editable: false }, filter: 'search', width: 90 },\n {\n type: 'select',\n name: 'departmentId',\n header: i18next.t('field.approval-department'),\n hidden: true,\n filter: { operator: 'eq', options: () => this.departmentOptions() }\n },\n { type: 'string', name: 'departmentName', header: i18next.t('field.approval-department'), record: { editable: false }, width: 100 },\n { type: 'string', name: 'stateLabel', header: i18next.t('label.status'), record: { editable: false, align: 'center' }, width: 70 },\n { type: 'string', name: 'stepText', header: i18next.t('field.approval-step'), record: { editable: false, align: 'center' }, width: 60 },\n { type: 'string', name: 'waiting', header: i18next.t('field.approval-approver'), record: { editable: false }, width: 180 },\n { type: 'string', name: 'waited', header: i18next.t('field.approval-waited'), record: { editable: false }, width: 100 },\n {\n type: 'datetime',\n name: 'dueAt',\n header: i18next.t('field.approval-due-at'),\n record: { editable: false, renderer: dueCell(() => this.active) },\n width: 130\n },\n { type: 'date', name: 'raisedAt', header: i18next.t('field.approval-raised-at'), record: { editable: false, renderer: value => whenShortText(value) }, filter: { operator: 'between' }, width: 140 },\n { type: 'datetime', name: 'endedAt', header: i18next.t('field.approval-ended-at'), record: { editable: false, renderer: value => whenShortText(value) }, width: 140 },\n {\n / The chips - the states and 기한 넘김, waiting ones first; each names itself, so no label. Their numbers are the read's. /\n type: 'string',\n name: CHIPS,\n header: i18next.t('label.status'),\n hidden: true,\n record: { editable: false },\n filter: {\n type: 'select-buttons',\n operator: 'in',\n label: '',\n value: [STATES[0]],\n options: [...STATES, OVERDUE].map(value => ({ value, display: i18next.t(`label.approval-progress-${value.toLowerCase()}`) }))\n }\n }\n ],\n rows: { appendable: false, selectable: false },\n sorters: []\n }\n }\n\n private openCase(record: any) {\n openPopup(html`<activity-instance-view activity-instance-id=${record.id}></activity-instance-view>`, {\n backdrop: true,\n size: 'large',\n title: record.headline\n })\n }\n\n private async kindOptions() {\n const response = await client.query({\n query: gql`\n query {\n approvalProgress(pagination: { page: 1, limit: 1 }) {\n kinds {\n name\n label\n labelTKey\n }\n }\n }\n `\n })\n return (response.data?.approvalProgress?.kinds \|\| []).map((kind: any) => ({\n value: kind.name,\n display: String(i18next.t(kind.labelTKey, { defaultValue: kind.label }))\n }))\n }\n\n private async departmentOptions() {\n const response = await client.query({\n query: gql`\n query {\n departments(pagination: { page: 1, limit: 500 }, sortings: [{ name: \"name\" }]) {\n items {\n id\n name\n }\n }\n }\n `\n })\n return (response.data?.departments?.items \|\| []).map((one: any) => ({ value: one.id, display: one.name }))\n }\n\n /* The grid's conditions as the server's filter - the column filters, the search box and the chips. /\n private filterOf(filters: any[]) {\n const valueOf = (name: string) => filters.find(one => one.name === name && one.operator !== 'search')?.value\n const kinds = valueOf('activityName')\n const [from, to] = valueOf('raisedAt') \|\| []\n const search = filters.find(one => one.operator === 'search')?.value?.replace(/^%\|%$/g, '')\n const pressed = valueOf(CHIPS)\n const chips: string[] = pressed ? [].concat(pressed) : []\n\n return {\n activityNames: kinds ? [].concat(kinds) : undefined,\n departmentIds: valueOf('departmentId') ? [valueOf('departmentId')] : undefined,\n from: from ? new Date(from) : undefined,\n / The range's last day counts whole - the server's `to` is exclusive. /\n to: to ? new Date(new Date(to).getTime() + 24 3600 * 1000) : undefined,\n states: chips.filter(chip => chip !== OVERDUE),\n overdueOnly: chips.includes(OVERDUE) \|\| undefined,\n search: search \|\| undefined\n }\n }\n\n async fetchHandler({ page, limit, filters = [] }: FetchOption) {\n const response = await client.query({\n query: gql`\n query ($filter: ApprovalProgressFilter, $pagination: Pagination) {\n approvalProgress(filter: $filter, pagination: $pagination) {\n items {\n id\n activityName\n activityLabel\n activityLabelTKey\n headline\n requesterName\n departmentName\n state\n step\n steps\n waitingOn\n decidedBy\n waitingRole\n waitingSince\n dueAt\n overdue\n raisedAt\n endedAt\n }\n total\n counts {\n state\n count\n }\n overdue\n }\n }\n `,\n variables: { filter: this.filterOf(filters), pagination: { page, limit } },\n fetchPolicy: 'no-cache'\n })\n\n const result = response.data?.approvalProgress\n /* The chips' numbers come with the rows - handed to the grid as its counts for the chips column, which the form draws. /\n const counts = { [CHIPS]: Object.fromEntries([...(result?.counts \|\| []).map((one: any) => [one.state, one.count]), [OVERDUE, result?.overdue ?? 0]]) }\n this.grist.counts = counts\n this.grist.dispatchEvent(new CustomEvent('counts-change', { detail: counts }))\n\n return {\n total: result?.total \|\| 0,\n records: (result?.items \|\| []).map((item: any) => ({\n ...item,\n activityLabel: item.activityLabelTKey ? String(i18next.t(item.activityLabelTKey, { defaultValue: item.activityLabel })) : item.activityLabel,\n stateLabel: i18next.t(`label.approval-progress-${String(item.state).toLowerCase()}`),\n stepText: item.step ? `${item.step} / ${item.steps}` : '',\n waiting: this.waitingText(item),\n waited: this.waitedText(item)\n }))\n }\n }\n\n / Who decides it: whom a waiting case waits on, who approved last or rejected a decided one. /\n private waitingText(item: any) {\n if (item.state !== 'PENDING') return (item.decidedBy \|\| []).join(', ')\n const names = (item.waitingOn \|\| []).join(', ')\n return item.waitingRole ? `${item.waitingRole}${names ? ` (${names})` : ''}` : names\n }\n\n private waitedText(item: any) {\n const parts = item.state === 'PENDING' ? waitedParts(item.waitingSince) : undefined\n if (!parts) return ''\n / Past due is the due column's to say (dueCell) - said here too, it would be said twice. */\n return parts.days\n ? i18next.t('text.waited-days', parts)\n : parts.hours\n ? i18next.t('text.waited-hours', parts)\n : i18next.t('text.waited-minutes', parts)\n }\n}\n"]}

package/dist-client/pages/todo/approval-pending-list-page.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import '@operato/data-grist';
 import '@operato/data-grist/ox-filters-form.js';
-import '@operato/input/ox-input-select-buttons.js';
 import '../../components/work-box-groups.js';
 import { DataGrist, FetchOption } from '@operato/data-grist';
 import { PageView } from '@operato/shell';
@@ -52,7 +51,6 @@ export declare class ApprovalPendingListPage extends ApprovalPendingListPage_bas
     private get shownCounts();
     mode: 'GRID' | 'LIST' | 'CARD';
     grist: DataGrist;
-    filters?: string[];
     get context(): {
         title: string;
         search: {
@@ -71,8 +69,9 @@ export declare class ApprovalPendingListPage extends ApprovalPendingListPage_bas
     private syncGroup;
     pageInitialized(lifecycle: any): Promise<void>;
     private applyConfig;
+    /** The chips that narrow every group - each a named condition (chip-filters). */
+    private chips;
     pageUpdated(changes: any, lifecycle: any, changedBefore: any): Promise<void>;
-    private counted;
     countHandler({ filters, signal }: FetchOption): Promise<{
         chips: Record<string, number>;
     }>;

package/dist-client/pages/todo/approval-pending-list-page.js CHANGED Viewed

@@ -1,14 +1,15 @@
 import { __decorate, __metadata } from "tslib";
 import '@operato/data-grist';
 import '@operato/data-grist/ox-filters-form.js';
-import '@operato/input/ox-input-select-buttons.js';
 import '../../components/work-box-groups.js';
 import gql from 'graphql-tag';
 import { css, html } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
+import { keyed } from 'lit/directives/keyed.js';
 import { DataGrist, getRenderer } from '@operato/data-grist';
 import { client, QueryController } from '@operato/graphql';
-import { countChips, dueSoonChip, importantChip, withChips } from '../../chip-filters.js';
+import { splitChips } from '../../chip-counts.js';
+import { chipsColumn, countChips, dueSoonChip, importantChip, withChips } from '../../chip-filters.js';
 import { i18next, localize } from '@operato/i18n';
 import { navigate, PageView } from '@operato/shell';
 import { listWithThumbnail } from './list-thumbnail.js';
@@ -198,40 +199,28 @@ let ApprovalPendingListPage = class ApprovalPendingListPage extends p13n(localiz
         @select=${(e) => this.selectGroup(e.detail)}
       ></work-box-groups>
-      <ox-grist
-        class="page-fill"
-        .mode=${mode}
-        .config=${this.gristConfig}
-        .fetchHandler=${this.fetchHandler.bind(this)}
-        .countHandler=${this.countHandler.bind(this)}
-        @counts-change=${() => this.requestUpdate()}
-        .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')}
-      >
-        <div slot="headroom" class="header">
-          <div class="filters">
-            <!-- 좁은 화면에서는 상단 바가 검색을 갖는다(위 context 주석 참조). -->
-            <ox-filters-form class="filter" without-search></ox-filters-form>
-            <ox-input-select-buttons
-              .value=${this.filters}
-              .options=${this.counted([
-            importantChip(),
-            dueSoonChip(),
-            { display: i18next.t('label.filter-resubmitted'),
-                value: 'resubmitted'
-            }
-        ])}
-              @change=${(e) => {
-            this.filters = e.currentTarget?.value;
-            this.grist.fetch();
-        }}
-            ></ox-input-select-buttons>
-            <!-- <ox-filters-form class="filter" autofocus without-search></ox-filters-form> -->
+      <!--
+        The group is a different list, named by the path; the list's own query - the chips, search, sort, page - is the
+        grid's, kept in the address (FOOTER-BUTTON-REVIEW G09). A group is its own grid, bound to its own path.
+      -->
+      ${keyed(this.group, html `<ox-grist
+          class="page-fill"
+          .mode=${mode}
+          .config=${this.gristConfig}
+          .fetchHandler=${this.fetchHandler.bind(this)}
+          .countHandler=${this.countHandler.bind(this)}
+          .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')}
+          ?url-params-sensitive=${this.active}
+        >
+          <div slot="headroom" class="header">
+            <div class="filters">
+              <!-- 좁은 화면에서는 상단 바가 검색을 갖는다(위 context 주석 참조). 칩도 이 폼이 그린다(chipsColumn). -->
+              <ox-filters-form class="filter" without-search></ox-filters-form>
+            </div>
           </div>
-        </div>
-        <ox-grist-personalizer slot="setting"></ox-grist-personalizer>
-      </ox-grist>
+          <ox-grist-personalizer slot="setting"></ox-grist-personalizer>
+        </ox-grist>`)}
     `;
     }
     /** 주소만 바꾼다 — 목록도 설정도 pageUpdated 가 한 벌로 다시 세운다. */
@@ -543,30 +532,31 @@ let ApprovalPendingListPage = class ApprovalPendingListPage extends p13n(localiz
                 }
             ];
         }
+        this.gristConfig.columns = [...this.gristConfig.columns, chipsColumn(this.chips())];
+    }
+    /** The chips that narrow every group - each a named condition (chip-filters). */
+    chips() {
+        return [importantChip(), dueSoonChip(), { display: i18next.t('label.filter-resubmitted'), value: 'resubmitted' }];
     }
+    /* The grid re-reads by its own address when the page comes back - nothing to ask here. */
     async pageUpdated(changes, lifecycle, changedBefore) {
         if (lifecycle?.resourceId !== changedBefore?.resourceId) {
             await this.syncGroup(lifecycle?.resourceId);
         }
-        if (this.active) {
-            this.grist?.fetch();
-        }
-    }
-    /* 읽은 것에 그림이 하나도 없으면 카드마다 빈 그림 칸을 세우지 않는다(§ list-thumbnail.ts). */
-    counted(chips) {
-        return chips.map(chip => ({ ...chip, count: this.grist?.counts?.chips?.[chip.value] ?? 0 }));
     }
     /* The chips' numbers - asked beside each read, on the list's filters before any chip is added. */
     async countHandler({ filters = [], signal }) {
-        return { chips: await countChips(this.group === 'reference' ? 'approvalReferenceList' : this.group === 'completed' ? 'approvalCompletedList' : 'approvalPendingList', ['important', 'due', 'resubmitted'], filters, signal) };
+        return { chips: await countChips(this.group === 'reference' ? 'approvalReferenceList' : this.group === 'completed' ? 'approvalCompletedList' : 'approvalPendingList', ['important', 'due', 'resubmitted'], splitChips(filters).filters, signal) };
     }
+    /* 읽은 것에 그림이 하나도 없으면 카드마다 빈 그림 칸을 세우지 않는다(§ list-thumbnail.ts). */
     async fetchHandler(options) {
         const fetched = await this.fetchRows(options);
         this.gristConfig = listWithThumbnail(this.gristConfig, fetched?.records || []);
         return fetched;
     }
     async fetchRows({ page, limit, sortings = [], filters = [] }) {
-        filters = withChips(filters, this.filters);
+        const { chips, filters: others } = splitChips(filters);
+        filters = withChips(others, chips);
         const response = await client.query({ query: gql `
         query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {           responses: ${this.group === 'reference' ? 'approvalReferenceList' : this.group === 'completed' ? 'approvalCompletedList' : 'approvalPendingList'}(filters: $filters, pagination: $pagination, sortings: $sortings) {             items {               id
               round
@@ -659,10 +649,6 @@ __decorate([
     query('ox-grist'),
     __metadata("design:type", DataGrist)
 ], ApprovalPendingListPage.prototype, "grist", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], ApprovalPendingListPage.prototype, "filters", void 0);
 ApprovalPendingListPage = __decorate([
     customElement('approval-pending-list-page')
 ], ApprovalPendingListPage);