@things-factory/worklist 10.1.244 → 10.1.246

package/dist-client/activity-state-counts.d.ts

@@ -0,0 +1,6 @@
+/**
+ * How many activities each state chip (작성 중 · 배포 · 폐기) would show, under the activity list's other conditions -
+ * counted by the server (`activityStateCounts`), the state conditions left out. Both activity lists ask it: worklist's
+ * and the meta designer's.
+ */
+export declare function activityStateCounts(filters: any[]): Promise<Map<string, number>>;

package/dist-client/activity-state-counts.js

@@ -0,0 +1,23 @@
+import gql from 'graphql-tag';
+import { client } from '@operato/graphql';
+/**
+ * How many activities each state chip (작성 중 · 배포 · 폐기) would show, under the activity list's other conditions -
+ * counted by the server (`activityStateCounts`), the state conditions left out. Both activity lists ask it: worklist's
+ * and the meta designer's.
+ */
+export async function activityStateCounts(filters) {
+    const response = await client.query({
+        query: gql `
+      query ($filters: [Filter!]) {
+        activityStateCounts(filters: $filters) {
+          value
+          count
+        }
+      }
+    `,
+        variables: { filters },
+        fetchPolicy: 'no-cache'
+    });
+    return new Map((response.data?.activityStateCounts ?? []).map((row) => [row.value, row.count]));
+}
+//# sourceMappingURL=activity-state-counts.js.map

package/dist-client/activity-state-counts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-state-counts.js","sourceRoot":"","sources":["../client/activity-state-counts.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,mBAAmB,CAAC,OAAc;IACtD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;KAOT;QACD,SAAS,EAAE,EAAE,OAAO,EAAE;QACtB,WAAW,EAAE,UAAU;KACxB,CAAC,CAAA;IACF,OAAO,IAAI,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,mBAAmB,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAqC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;AACnI,CAAC","sourcesContent":["import gql from 'graphql-tag'\n\nimport { client } from '@operato/graphql'\n\n/**\n * How many activities each state chip (작성 중 · 배포 · 폐기) would show, under the activity list's other conditions -\n * counted by the server (`activityStateCounts`), the state conditions left out. Both activity lists ask it: worklist's\n * and the meta designer's.\n */\nexport async function activityStateCounts(filters: any[]): Promise<Map<string, number>> {\n  const response = await client.query({\n    query: gql`\n      query ($filters: [Filter!]) {\n        activityStateCounts(filters: $filters) {\n          value\n          count\n        }\n      }\n    `,\n    variables: { filters },\n    fetchPolicy: 'no-cache'\n  })\n  return new Map((response.data?.activityStateCounts ?? []).map((row: { value: string; count: number }) => [row.value, row.count]))\n}\n"]}

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

@@ -0,0 +1,7 @@
+/**
+ * The numbers beside a list's condition chips (「중요」, 「만기」 ...): each is how many the list would show with that
+ * chip pressed under the list's other conditions - the list's own door asked for its total, one set of filters per
+ * chip, so the number is counted by the server exactly as the list is. Pure: the caller gives the filters each chip
+ * 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<Map<string, number>>;

package/dist-client/chip-counts.js

@@ -0,0 +1,11 @@
+/**
+ * The numbers beside a list's condition chips (「중요」, 「만기」 ...): each is how many the list would show with that
+ * chip pressed under the list's other conditions - the list's own door asked for its total, one set of filters per
+ * chip, so the number is counted by the server exactly as the list is. Pure: the caller gives the filters each chip
+ * makes and the door that totals the sets.
+ */
+export async function chipCounts(keys, filtersFor, totals) {
+    const counted = await totals(keys.map(key => filtersFor(key)));
+    return new Map(keys.map((key, at) => [key, counted[at] ?? 0]));
+}
+//# sourceMappingURL=chip-counts.js.map

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

@@ -0,0 +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,IAAI,GAAG,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;AAChE,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<Map<string, number>> {\n  const counted = await totals(keys.map(key => filtersFor(key)))\n  return new Map(keys.map((key, at) => [key, counted[at] ?? 0]))\n}\n"]}

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

@@ -51,3 +51,10 @@ export declare function dueSoonChip(): {
     value: string;
     hint: string;
 };
+/** The list's filters with the pressed chips' conditions added. */
+export declare function withChips(filters: any[], chosen?: string | string[] | null): any[];
+/**
+ * How many each chip would show under the list's other conditions (`filters`, without the pressed chip) - the list
+ * door `query` asked for its total once per chip, in one request.
+ */
+export declare function countChips(query: string, keys: string[], filters: any[]): Promise<Map<string, number>>;

package/dist-client/chip-filters.js

@@ -1,4 +1,9 @@
+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 { ActivityThreadStatus } from './types/activity-thread.js';
 /**
  * 목록 위의 칩이 무엇을 걸러 내는가 — **한 곳에서 정한다.**
  *
@@ -57,4 +62,41 @@ export function dueSoonChip() {
         hint: i18next.t('text.filter-due-hint', { hours: DUE_WITHIN_HOURS })
     };
 }
+/*
+ * 칩마다 거는 조건 — 화면마다 if 로 따로 적던 것을 여기 한 곳에 둔다. 같은 이름의 칩은 어느 화면에서나 같은 것을
+ * 걸러 낸다(위 「왜 모았나」). 시각에서 계산하는 것은 부를 때마다 지금으로 계산한다.
+ */
+const CONDITIONS = {
+    important: importantFilters,
+    due: dueSoonFilters,
+    proceeding: () => [{ name: 'state', operator: 'eq', value: ActivityThreadStatus.Started }],
+    /* 최근 24시간 이내에 끝낸 일 */
+    recent: () => [{ name: 'terminatedAt', operator: 'gte', value: new Date(Date.now() - 24 * 3600 * 1000).toISOString().replace('T', ' ') }],
+    aborted: () => [{ name: 'state', operator: 'eq', value: ActivityThreadStatus.Aborted }],
+    resubmitted: () => [{ name: 'round', operator: 'gte', value: 2 }],
+    rejected: () => [{ name: 'judgment', operator: 'eq', value: 'rejected' }]
+};
+/** The list's filters with the pressed chips' conditions added. */
+export function withChips(filters, chosen) {
+    const keys = chosen instanceof Array ? chosen : chosen ? [chosen] : [];
+    return keys.reduce((narrowed, key) => (CONDITIONS[key] ? adjustFilters(narrowed, CONDITIONS[key]()) : narrowed), filters);
+}
+/**
+ * How many each chip would show under the list's other conditions (`filters`, without the pressed chip) - the list
+ * door `query` asked for its total once per chip, in one request.
+ */
+export async function countChips(query, keys, filters) {
+    return chipCounts(keys, key => withChips(filters, key), async (sets) => {
+        const response = await client.query({
+            query: gql `
+          query (${sets.map((_, at) => `$f${at}: [Filter!]`).join(', ')}) {
+            ${sets.map((_, at) => `c${at}: ${query}(filters: $f${at}, pagination: { page: 1, limit: 1 }) { total }`).join('\n')}
+          }
+        `,
+            variables: Object.fromEntries(sets.map((set, at) => [`f${at}`, set])),
+            fetchPolicy: 'no-cache'
+        });
+        return sets.map((_, at) => response.data?.[`c${at}`]?.total ?? 0);
+    });
+}
 //# sourceMappingURL=chip-filters.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip-filters.js","sourceRoot":"","sources":["../client/chip-filters.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,8BAA8B;AAC9B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAA;AAE/B,iCAAiC;AACjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAA;AAElC;;;GAGG;AAEH,sBAAsB;AACtB,MAAM,UAAU,gBAAgB;IAC9B,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAc,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAA;AAChF,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc;IAC5B,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;IAEnG,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAc,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;AACpE,CAAC;AAED,oBAAoB;AACpB,MAAM,UAAU,aAAa;IAC3B,OAAO;QACL,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;QAC5C,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,4BAA4B,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;KACxE,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,OAAO;QACL,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC;QACtC,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC;KACrE,CAAA;AACH,CAAC","sourcesContent":["import { i18next } from '@operato/i18n'\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"]}
+{"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 } 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.\n */\nexport async function countChips(query: string, keys: string[], filters: any[]): Promise<Map<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      })\n      return sets.map((_, at) => response.data?.[`c${at}`]?.total ?? 0)\n    }\n  )\n}\n"]}

package/dist-client/pages/activity/activity-list-page.d.ts

@@ -14,6 +14,8 @@ export declare class ActivityListPage extends ActivityListPage_base {
     mode: 'CARD' | 'GRID';
     grist: DataGrist;
     filters: string[];
+    /** How many activities each state chip would show under the list's other conditions. */
+    stateCounts: Map<string, number>;
     private roleOptions;
     get context(): {
         title: string;

package/dist-client/pages/activity/activity-list-page.js

@@ -12,6 +12,7 @@ import { notify, openPopup } from '@operato/layout';
 import { PageView } from '@operato/shell';
 import { CommonButtonStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
 import { adjustFilters, isMobileDevice } from '@operato/utils';
+import { activityStateCounts } from '../../activity-state-counts.js';
 import { ActivityStartingTypes, ActivityTypes, ActivityUITypes } from '../../types/types.js';
 import { priorityCell } from '../../activity-cells.js';
 import { poolNames, poolPatch, withPoolIds } from './assignee-roles-cell.js';
@@ -26,6 +27,8 @@ let ActivityListPage = class ActivityListPage extends localize(i18next)(PageView
         super(...arguments);
         this.mode = isMobileDevice() ? 'CARD' : 'GRID';
         this.filters = ['released'];
+        /** How many activities each state chip would show under the list's other conditions. */
+        this.stateCounts = new Map();
         /* This domain's roles, for the pool column - read once when the page opens. */
         this.roleOptions = [];
     }
@@ -80,7 +83,7 @@ let ActivityListPage = class ActivityListPage extends localize(i18next)(PageView
             { display: i18next.t('label.filter-deprecated'),
                 value: 'deprecated'
             }
-        ]}
+        ].map(chip => ({ ...chip, count: this.stateCounts.get(chip.value) ?? 0 }))}
               @change=${(e) => {
             this.filters = e.currentTarget?.value;
             this.grist.fetch();
@@ -392,6 +395,9 @@ let ActivityListPage = class ActivityListPage extends localize(i18next)(PageView
             ] };
     }
     async fetchHandler({ page, limit, sortings = [], filters = [] }) {
+        activityStateCounts(filters)
+            .then(counts => (this.stateCounts = counts))
+            .catch(e => console.error(e));
         const status = ['draft', 'released', 'deprecated'].filter(state => this.filters?.includes(state));
         if (status.length > 0) {
             filters = adjustFilters(filters, [{ name: 'state', operator: 'in', value: status }]);
@@ -583,6 +589,10 @@ __decorate([
     state(),
     __metadata("design:type", Array)
 ], ActivityListPage.prototype, "filters", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ActivityListPage.prototype, "stateCounts", void 0);
 ActivityListPage = __decorate([
     customElement('activity-list-page')
 ], ActivityListPage);

package/dist-client/pages/activity/activity-list-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"activity-list-page.js","sourceRoot":"","sources":["../../../client/pages/activity/activity-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\nimport './activity-model-item-list.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { DataGrist, FetchOption, getEditor, getRenderer } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ranMutation } from '../../components/say-outcome.js'\nimport { notify, openPopup } from '@operato/layout'\nimport { PageView } from '@operato/shell'\nimport { CommonButtonStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { adjustFilters, isMobileDevice } from '@operato/utils'\n\nimport { ActivityStartingTypes, ActivityTypes, ActivityUITypes } from '../../types/types.js'\n\nimport { priorityCell } from '../../activity-cells.js'\nimport { RoleOption, poolNames, poolPatch, withPoolIds } from './assignee-roles-cell.js'\n\nexport const ActivityStatus = [\n  { display: '', value: '' },\n  { display: i18next.t('label.activity-state-draft'), value: 'draft' },\n  { display: i18next.t('label.activity-state-released'), value: 'released' },\n  { display: i18next.t('label.activity-state-deprecated'), value: 'deprecated' }\n]\n\n@customElement('activity-list-page')\nexport class ActivityListPage extends localize(i18next)(PageView) {   static styles = [\n    /* The work surface frame for a list screen (ADR-0060 decision 8). */\n    WorkSurfacePageStyles,\n    ScrollbarStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        --grid-record-emphasized-background-color: #8b0000;\n        --grid-record-emphasized-color: #ff6b6b;\n      }\n\n      .header {         grid-template-areas: 'filters actions';\n }\n    `\n  ]\n\n  @property({ type: Object }) gristConfig?: any\n  @property({ type: String }) mode: 'CARD' | 'GRID' = isMobileDevice() ? 'CARD' : 'GRID'\n\n  @query('ox-grist') grist!: DataGrist\n\n  @state() filters: string[] = ['released']\n  /* This domain's roles, for the pool column - read once when the page opens. */\n  private roleOptions: RoleOption[] = []\n\n  get context() {     return {       title: i18next.t('title.activity list'),\n      search: {         handler: (search: string) => {           this.grist.searchText = search\n },\n        value: this.grist?.searchText || ''\n },\n      filter: {         handler: () => {           this.grist.toggleHeadroom()\n }\n },\n      help: 'worklist/activity',\n      actions: [\n        {           title: i18next.t('button.save'),\n          action: this.updateActivity.bind(this),\n          ...CommonButtonStyles.save\n }\n      ]\n }\n }\n\n  render() {     const mode = this.mode\n\n    return html`\n      <ox-grist class=\"page-fill\" .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\">\n            <ox-input-select-buttons\n              .value=${this.filters}\n              .options=${[\n                {                   display: i18next.t('label.filter-draft'),\n                  value: 'draft'\n },\n                {                   display: i18next.t('label.filter-released'),\n                  value: 'released'\n },\n                {                   display: i18next.t('label.filter-deprecated'),\n                  value: 'deprecated'\n }\n              ]}\n              @change=${(e: CustomEvent) => {                 this.filters = (e.currentTarget as any)?.value\n                this.grist.fetch()\n }}\n            ></ox-input-select-buttons>\n          </div>\n\n        </div>\n      </ox-grist>\n    `\n }\n\n  async pageInitialized(lifecycle) {     this.roleOptions = await this.readRoleOptions()\n     this.gristConfig = {       list: {         thumbnail: 'thumbnail',\n        fields: ['name', 'description'],\n        details: ['updatedAt']\n },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {           type: 'gutter',\n          gutterName: 'button',\n          icon: record => (!record ? 'calendar_add_on' : !record.id || !record.scheduleId ? '' : 'event_available'),\n          title: i18next.t('button.schedule-task'),\n          handlers: {             click: (columns, data, column, record, rowIndex) => {               if (!record || !record.id || (!record.scheduleId && !record.schedule)) {                 return\n }\n              if (record.scheduleId) {                 this.stopActivitySchedule(record)\n } else {                 this.startActivitySchedule(record)\n }\n }\n }\n },\n        {           type: 'gutter',\n          gutterName: 'button',\n          icon: record => (!record ? 'reorder' : record.id ? 'reorder' : ''),\n          iconOnly: false,\n          title: record => (!record ? i18next.t('button.detail') : record.id ? i18next.t('button.detail') : ''),\n          width: 72,\n          handlers: {             click: (columns, data, column, record, rowIndex) => {               if (!record.id) return\n              const popup = openPopup(\n                html` <activity-model-item-list .activity=${record}></activity-model-item-list> `,\n                {                   backdrop: true,\n                  help: 'worklist/activity/activity-model-item-list',\n                  size: 'large',\n                  title: i18next.t('title.activity model item list')\n }\n              )\n              popup.onclosed = () => {                 this.grist?.fetch()\n }\n }\n }\n },\n        {           type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          record: {             editable: true\n },\n          filter: 'search',\n          sortable: true,\n          width: 175\n },\n        {           type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: {             editable: true\n },\n          filter: 'search',\n          width: 225\n },\n        {           type: 'approval-line',\n          name: 'approvalLine',\n          header: i18next.t('field.approval-line'),\n          record: {             editable: true,\n            align: 'center'\n },\n          width: 60\n },\n        {           type: 'select',\n          name: 'state',\n          header: i18next.t('field.status'),\n          record: {             editable: true,\n            options: ActivityStatus\n },\n          filter: true,\n          width: 75\n },\n        {           type: 'select',\n          name: 'activityType',\n          label: true,\n          header: i18next.t('field.activity-type'),\n          record: {             editable: true,\n            options: ActivityTypes\n },\n          sortable: true,\n          width: 75\n },\n        {           type: 'select',\n          name: 'startingType',\n          label: true,\n          header: i18next.t('field.starting-type'),\n          record: {             editable: true,\n            options: ActivityStartingTypes\n },\n          sortable: true,\n          width: 75\n },\n        {           type: 'select',\n          name: 'multiple',\n          header: i18next.t('field.multiple'),\n          record: {             editable: true,\n            options: [\n              { display: '', value: '' },\n              { display: 'Single', value: 'single' },\n              { display: 'Parallel', value: 'parallel' },\n              { display: 'Sequential', value: 'sequential' }\n            ]\n },\n          width: 90\n },\n        {           type: 'activity-search-keys',\n          name: 'searchKeys',\n          label: true,\n          header: i18next.t('field.search-keys'),\n          record: {             editable: true\n },\n          width: 60\n },\n        {           type: 'number',\n          name: 'priority',\n          header: i18next.t('field.priority'),\n          record: {\n            editable: false,\n            align: 'center',\n            renderer: priorityCell()\n          },\n          width: 75\n },\n        {           type: 'crontab',\n          name: 'schedule',\n          label: true,\n          header: i18next.t('field.schedule'),\n          record: {             editable: true,\n            options: {               objectified: true\n }\n },\n          width: 80\n },\n        {           type: 'timezone',\n          name: 'timezone',\n          header: i18next.t('field.timezone'),\n          record: {             editable: true\n },\n          width: 120\n },\n        {           type: 'image',\n          name: 'thumbnail',\n          header: i18next.t('field.thumbnail'),\n          record: { editable: true },\n          width: 120\n },\n        {           type: 'resource-object',\n          name: 'issuerRole',\n          header: i18next.t('field.issuer-role'),\n          record: {             editable: true,\n            options: {               title: i18next.t('title.lookup role'),\n              queryName: 'roles'\n }\n },\n          filter: 'search',\n          width: 85\n },\n        {           type: 'multiple-select',\n          name: 'assigneeRoleIds',\n          header: i18next.t('field.assignee-role'),\n          record: {             editable: true,\n            /* Anyone holding any one of them may pick up a case (ADR-0091 decision 9). */\n            options: () => this.roleOptions,\n            renderer: (value: string[]) => poolNames(value, this.roleOptions)\n },\n          width: 120\n },\n        {           type: 'resource-object',\n          name: 'supervisoryRole',\n          header: i18next.t('field.supervisory-role'),\n          record: {             editable: true,\n            options: {               title: i18next.t('title.lookup role'),\n              queryName: 'roles'\n }\n },\n          filter: 'search',\n          width: 85\n },\n        {           type: 'assignees',\n          name: 'assignees',\n          header: i18next.t('field.assignees'),\n          record: {             editable: true\n },\n          width: 80\n },\n        {           type: 'select',\n          name: 'uiType',\n          label: true,\n          header: i18next.t('field.ui-type'),\n          record: {             editable: true,\n            options: ActivityUITypes\n },\n          width: 80\n },\n        {           type: 'string',\n          name: 'uiSource',\n          header: i18next.t('field.ui-source'),\n          record: {             editable: true,\n            editor: function (value, column, record, rowIndex, field) {               var type = record.uiType !== 'board' ? 'script' : 'board'\n              return getEditor(type)(value, column, record, rowIndex, field)\n },\n            renderer: function (value, column, record, rowIndex, field) {               var type = record.uiType !== 'board' ? 'script' : 'board'\n              return getRenderer(type)(value, column, record, rowIndex, field)\n }\n },\n          width: 140\n },\n        {           type: 'select',\n          name: 'viewType',\n          label: true,\n          header: i18next.t('field.view-type'),\n          record: {             editable: true,\n            options: ActivityUITypes\n },\n          width: 80\n },\n        {           type: 'string',\n          name: 'viewSource',\n          header: i18next.t('field.view-source'),\n          record: {             editable: true,\n            editor: function (value, column, record, rowIndex, field) {               var type = record.viewType !== 'board' ? 'script' : 'board'\n              return getEditor(type)(value, column, record, rowIndex, field)\n },\n            renderer: function (value, column, record, rowIndex, field) {               var type = record.viewType !== 'board' ? 'script' : 'board'\n              return getRenderer(type)(value, column, record, rowIndex, field)\n }\n },\n          width: 140\n },\n        {           type: 'select',\n          name: 'reportType',\n          label: true,\n          header: i18next.t('field.report-type'),\n          record: {             editable: true,\n            options: ActivityUITypes\n },\n          width: 80\n },\n        {           type: 'string',\n          name: 'reportSource',\n          header: i18next.t('field.report-source'),\n          record: {             editable: true,\n            editor: function (value, column, record, rowIndex, field) {               var type = record.reportType !== 'board' ? 'script' : 'board'\n              return getEditor(type)(value, column, record, rowIndex, field)\n },\n            renderer: function (value, column, record, rowIndex, field) {               var type = record.reportType !== 'board' ? 'script' : 'board'\n              return getRenderer(type)(value, column, record, rowIndex, field)\n }\n },\n          width: 140\n },\n        {           type: 'duration',\n          name: 'standardTime',\n          header: i18next.t('field.standard-time'),\n          record: {             editable: true\n },\n          sortable: true,\n          width: 105\n },\n        {           type: 'resource-object',\n          name: 'updater',\n          header: i18next.t('field.updater'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 85\n },\n        {           type: 'datetime',\n          name: 'updatedAt',\n          header: i18next.t('field.updated_at'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 180\n }\n      ],\n      rows: {         selectable: {           multiple: true\n },\n        handlers: {           click: 'select-row-toggle'\n }\n },\n      sorters: [\n        {           name: 'name'\n }\n      ]\n }\n }\n\n  async fetchHandler({ page, limit, sortings = [], filters = [] }: FetchOption) {     const status = ['draft', 'released', 'deprecated'].filter(state => this.filters?.includes(state))\n\n    if (status.length > 0) {       filters = adjustFilters(filters, [{ name: 'state', operator: 'in', value: status }])\n }\n\n    const response = await client.query({       query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {           responses: activities(filters: $filters, pagination: $pagination, sortings: $sortings) {             items {               id\n              name\n              description\n              activityType\n              searchKeys {                 name\n                description\n                inputKey\n                tKey\n }\n              state\n              model {                 name\n                description\n                active\n                tag\n                inout\n                type\n                unit\n                options\n                quantifier\n                spec\n }\n              thumbnail\n              priority\n              issuerRole {                 id\n                name\n }\n              assigneeRoles {                 id\n                name\n }\n              supervisoryRole {                 id\n                name\n }\n              assignees {                 type\n                value\n                assignee {                   id\n                  name\n                  description\n                  controlNo\n }\n }\n              approvalLine {                 type\n                value\n                participation\n                notifyAfter\n                approver {                   id\n                  name\n                  description\n                  controlNo\n }\n }\n              uiType\n              uiSource\n              viewType\n              viewSource\n              reportType\n              reportSource\n              startingType\n              multiple\n              schedule\n              timezone\n              scheduleId\n              standardTime\n              updater {                 id\n                name\n }\n              updatedAt\n }\n            total\n }\n }\n      `,\n      variables: {         filters,\n        pagination: { page, limit },\n        sortings\n }\n })\n\n    return {       total: response.data.responses.total || 0,\n      records: (response.data.responses.items || []).map(withPoolIds)\n }\n }\n\n  async readRoleOptions(): Promise<RoleOption[]> {     const response = await client.query({       query: gql`\n        query {           roles(filters: [], pagination: { page: 1, limit: 1000 }, sortings: [{ name: \"name\" }]) {             items {               id\n              name\n }\n }\n }\n      `\n })\n\n    return (response.data?.roles?.items || []).map((role: { id: string; name: string }) => ({ display: role.name, value: role.id }))\n }\n\n  async updateActivity() {     let patches = this.grist?.dirtyRecords\n    if (patches && patches.length) {       patches = patches.map(patch => {         let patchField: any = patch.id ? { id: patch.id } : {}\n        const dirtyFields = patch.__dirtyfields__\n        for (let key in dirtyFields) {           patchField[key] = dirtyFields[key].after\n }\n        patchField.cuFlag = patch.__dirty__\n\n        return poolPatch(patchField)\n })\n\n      const outcome = await ranMutation(() => client.mutate({         mutation: gql`\n          mutation ($patches: [ActivityPatch!]!) {             updateMultipleActivity(patches: $patches) {               name\n }\n }\n        `,\n        variables: {           patches\n },\n        context: {           hasUpload: true\n }\n }))\n\n      if (outcome.ok) {         this.grist?.fetch()\n }\n }\n }\n\n  async startActivitySchedule(record) {\n    /*\n     * This read response.data.startActivitySchedule.scheduleId straight off the answer. A refused\n     * mutation resolves with null data under errorPolicy: 'all', so the failure did not go quiet —\n     * it threw a TypeError on the null, and the message below never ran either way.\n     *\n     * Its sibling stopActivitySchedule already reported both outcomes; this one did not.\n     */\n    const outcome = await ranMutation(() => client.mutate({\n      mutation: gql`\n        mutation ($activityId: String!) {\n          startActivitySchedule(activityId: $activityId) {\n            scheduleId\n          }\n        }\n      `,\n      variables: {\n        activityId: record.id\n      }\n    }))\n\n    if (!outcome.ok) {\n      this.grist.fetch()\n      return\n }\n\n    record.scheduleId = outcome.data.startActivitySchedule?.scheduleId\n\n    notify({       level: 'info',\n      message: `success to start activity schedule : ${record.name}`\n })\n\n    this.grist.fetch()\n }\n\n  async stopActivitySchedule(record) {     var response = await client.mutate({       mutation: gql`\n        mutation ($activityId: String!) {           stopActivitySchedule(activityId: $activityId) {             scheduleId\n }\n }\n      `,\n      variables: {         activityId: record.id\n }\n })\n\n    if (!response.errors) {       notify({         level: 'info',\n        message: `success to stop activity schedule : ${record.name}`\n })\n } else {       notify({         level: 'error',\n        message: `${response.errors.map(error => error.message).join('\\n')}`\n })\n }\n\n    this.grist.fetch()\n }\n}\n"]}
+{"version":3,"file":"activity-list-page.js","sourceRoot":"","sources":["../../../client/pages/activity/activity-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\nimport './activity-model-item-list.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { DataGrist, FetchOption, getEditor, getRenderer } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ranMutation } from '../../components/say-outcome.js'\nimport { notify, openPopup } from '@operato/layout'\nimport { PageView } from '@operato/shell'\nimport { CommonButtonStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { adjustFilters, isMobileDevice } from '@operato/utils'\n\nimport { activityStateCounts } from '../../activity-state-counts.js'\n\nimport { ActivityStartingTypes, ActivityTypes, ActivityUITypes } from '../../types/types.js'\n\nimport { priorityCell } from '../../activity-cells.js'\nimport { RoleOption, poolNames, poolPatch, withPoolIds } from './assignee-roles-cell.js'\n\nexport const ActivityStatus = [\n  { display: '', value: '' },\n  { display: i18next.t('label.activity-state-draft'), value: 'draft' },\n  { display: i18next.t('label.activity-state-released'), value: 'released' },\n  { display: i18next.t('label.activity-state-deprecated'), value: 'deprecated' }\n]\n\n@customElement('activity-list-page')\nexport class ActivityListPage extends localize(i18next)(PageView) {   static styles = [\n    /* The work surface frame for a list screen (ADR-0060 decision 8). */\n    WorkSurfacePageStyles,\n    ScrollbarStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        --grid-record-emphasized-background-color: #8b0000;\n        --grid-record-emphasized-color: #ff6b6b;\n      }\n\n      .header {         grid-template-areas: 'filters actions';\n }\n    `\n  ]\n\n  @property({ type: Object }) gristConfig?: any\n  @property({ type: String }) mode: 'CARD' | 'GRID' = isMobileDevice() ? 'CARD' : 'GRID'\n\n  @query('ox-grist') grist!: DataGrist\n\n  @state() filters: string[] = ['released']\n\n  /** How many activities each state chip would show under the list's other conditions. */\n  @state() stateCounts = new Map<string, number>()\n  /* This domain's roles, for the pool column - read once when the page opens. */\n  private roleOptions: RoleOption[] = []\n\n  get context() {     return {       title: i18next.t('title.activity list'),\n      search: {         handler: (search: string) => {           this.grist.searchText = search\n },\n        value: this.grist?.searchText || ''\n },\n      filter: {         handler: () => {           this.grist.toggleHeadroom()\n }\n },\n      help: 'worklist/activity',\n      actions: [\n        {           title: i18next.t('button.save'),\n          action: this.updateActivity.bind(this),\n          ...CommonButtonStyles.save\n }\n      ]\n }\n }\n\n  render() {     const mode = this.mode\n\n    return html`\n      <ox-grist class=\"page-fill\" .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\">\n            <ox-input-select-buttons\n              .value=${this.filters}\n              .options=${[\n                {                   display: i18next.t('label.filter-draft'),\n                  value: 'draft'\n },\n                {                   display: i18next.t('label.filter-released'),\n                  value: 'released'\n },\n                {                   display: i18next.t('label.filter-deprecated'),\n                  value: 'deprecated'\n }\n              ].map(chip => ({ ...chip, count: this.stateCounts.get(chip.value) ?? 0 }))}\n              @change=${(e: CustomEvent) => {                 this.filters = (e.currentTarget as any)?.value\n                this.grist.fetch()\n }}\n            ></ox-input-select-buttons>\n          </div>\n\n        </div>\n      </ox-grist>\n    `\n }\n\n  async pageInitialized(lifecycle) {     this.roleOptions = await this.readRoleOptions()\n     this.gristConfig = {       list: {         thumbnail: 'thumbnail',\n        fields: ['name', 'description'],\n        details: ['updatedAt']\n },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {           type: 'gutter',\n          gutterName: 'button',\n          icon: record => (!record ? 'calendar_add_on' : !record.id || !record.scheduleId ? '' : 'event_available'),\n          title: i18next.t('button.schedule-task'),\n          handlers: {             click: (columns, data, column, record, rowIndex) => {               if (!record || !record.id || (!record.scheduleId && !record.schedule)) {                 return\n }\n              if (record.scheduleId) {                 this.stopActivitySchedule(record)\n } else {                 this.startActivitySchedule(record)\n }\n }\n }\n },\n        {           type: 'gutter',\n          gutterName: 'button',\n          icon: record => (!record ? 'reorder' : record.id ? 'reorder' : ''),\n          iconOnly: false,\n          title: record => (!record ? i18next.t('button.detail') : record.id ? i18next.t('button.detail') : ''),\n          width: 72,\n          handlers: {             click: (columns, data, column, record, rowIndex) => {               if (!record.id) return\n              const popup = openPopup(\n                html` <activity-model-item-list .activity=${record}></activity-model-item-list> `,\n                {                   backdrop: true,\n                  help: 'worklist/activity/activity-model-item-list',\n                  size: 'large',\n                  title: i18next.t('title.activity model item list')\n }\n              )\n              popup.onclosed = () => {                 this.grist?.fetch()\n }\n }\n }\n },\n        {           type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          record: {             editable: true\n },\n          filter: 'search',\n          sortable: true,\n          width: 175\n },\n        {           type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: {             editable: true\n },\n          filter: 'search',\n          width: 225\n },\n        {           type: 'approval-line',\n          name: 'approvalLine',\n          header: i18next.t('field.approval-line'),\n          record: {             editable: true,\n            align: 'center'\n },\n          width: 60\n },\n        {           type: 'select',\n          name: 'state',\n          header: i18next.t('field.status'),\n          record: {             editable: true,\n            options: ActivityStatus\n },\n          filter: true,\n          width: 75\n },\n        {           type: 'select',\n          name: 'activityType',\n          label: true,\n          header: i18next.t('field.activity-type'),\n          record: {             editable: true,\n            options: ActivityTypes\n },\n          sortable: true,\n          width: 75\n },\n        {           type: 'select',\n          name: 'startingType',\n          label: true,\n          header: i18next.t('field.starting-type'),\n          record: {             editable: true,\n            options: ActivityStartingTypes\n },\n          sortable: true,\n          width: 75\n },\n        {           type: 'select',\n          name: 'multiple',\n          header: i18next.t('field.multiple'),\n          record: {             editable: true,\n            options: [\n              { display: '', value: '' },\n              { display: 'Single', value: 'single' },\n              { display: 'Parallel', value: 'parallel' },\n              { display: 'Sequential', value: 'sequential' }\n            ]\n },\n          width: 90\n },\n        {           type: 'activity-search-keys',\n          name: 'searchKeys',\n          label: true,\n          header: i18next.t('field.search-keys'),\n          record: {             editable: true\n },\n          width: 60\n },\n        {           type: 'number',\n          name: 'priority',\n          header: i18next.t('field.priority'),\n          record: {\n            editable: false,\n            align: 'center',\n            renderer: priorityCell()\n          },\n          width: 75\n },\n        {           type: 'crontab',\n          name: 'schedule',\n          label: true,\n          header: i18next.t('field.schedule'),\n          record: {             editable: true,\n            options: {               objectified: true\n }\n },\n          width: 80\n },\n        {           type: 'timezone',\n          name: 'timezone',\n          header: i18next.t('field.timezone'),\n          record: {             editable: true\n },\n          width: 120\n },\n        {           type: 'image',\n          name: 'thumbnail',\n          header: i18next.t('field.thumbnail'),\n          record: { editable: true },\n          width: 120\n },\n        {           type: 'resource-object',\n          name: 'issuerRole',\n          header: i18next.t('field.issuer-role'),\n          record: {             editable: true,\n            options: {               title: i18next.t('title.lookup role'),\n              queryName: 'roles'\n }\n },\n          filter: 'search',\n          width: 85\n },\n        {           type: 'multiple-select',\n          name: 'assigneeRoleIds',\n          header: i18next.t('field.assignee-role'),\n          record: {             editable: true,\n            /* Anyone holding any one of them may pick up a case (ADR-0091 decision 9). */\n            options: () => this.roleOptions,\n            renderer: (value: string[]) => poolNames(value, this.roleOptions)\n },\n          width: 120\n },\n        {           type: 'resource-object',\n          name: 'supervisoryRole',\n          header: i18next.t('field.supervisory-role'),\n          record: {             editable: true,\n            options: {               title: i18next.t('title.lookup role'),\n              queryName: 'roles'\n }\n },\n          filter: 'search',\n          width: 85\n },\n        {           type: 'assignees',\n          name: 'assignees',\n          header: i18next.t('field.assignees'),\n          record: {             editable: true\n },\n          width: 80\n },\n        {           type: 'select',\n          name: 'uiType',\n          label: true,\n          header: i18next.t('field.ui-type'),\n          record: {             editable: true,\n            options: ActivityUITypes\n },\n          width: 80\n },\n        {           type: 'string',\n          name: 'uiSource',\n          header: i18next.t('field.ui-source'),\n          record: {             editable: true,\n            editor: function (value, column, record, rowIndex, field) {               var type = record.uiType !== 'board' ? 'script' : 'board'\n              return getEditor(type)(value, column, record, rowIndex, field)\n },\n            renderer: function (value, column, record, rowIndex, field) {               var type = record.uiType !== 'board' ? 'script' : 'board'\n              return getRenderer(type)(value, column, record, rowIndex, field)\n }\n },\n          width: 140\n },\n        {           type: 'select',\n          name: 'viewType',\n          label: true,\n          header: i18next.t('field.view-type'),\n          record: {             editable: true,\n            options: ActivityUITypes\n },\n          width: 80\n },\n        {           type: 'string',\n          name: 'viewSource',\n          header: i18next.t('field.view-source'),\n          record: {             editable: true,\n            editor: function (value, column, record, rowIndex, field) {               var type = record.viewType !== 'board' ? 'script' : 'board'\n              return getEditor(type)(value, column, record, rowIndex, field)\n },\n            renderer: function (value, column, record, rowIndex, field) {               var type = record.viewType !== 'board' ? 'script' : 'board'\n              return getRenderer(type)(value, column, record, rowIndex, field)\n }\n },\n          width: 140\n },\n        {           type: 'select',\n          name: 'reportType',\n          label: true,\n          header: i18next.t('field.report-type'),\n          record: {             editable: true,\n            options: ActivityUITypes\n },\n          width: 80\n },\n        {           type: 'string',\n          name: 'reportSource',\n          header: i18next.t('field.report-source'),\n          record: {             editable: true,\n            editor: function (value, column, record, rowIndex, field) {               var type = record.reportType !== 'board' ? 'script' : 'board'\n              return getEditor(type)(value, column, record, rowIndex, field)\n },\n            renderer: function (value, column, record, rowIndex, field) {               var type = record.reportType !== 'board' ? 'script' : 'board'\n              return getRenderer(type)(value, column, record, rowIndex, field)\n }\n },\n          width: 140\n },\n        {           type: 'duration',\n          name: 'standardTime',\n          header: i18next.t('field.standard-time'),\n          record: {             editable: true\n },\n          sortable: true,\n          width: 105\n },\n        {           type: 'resource-object',\n          name: 'updater',\n          header: i18next.t('field.updater'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 85\n },\n        {           type: 'datetime',\n          name: 'updatedAt',\n          header: i18next.t('field.updated_at'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 180\n }\n      ],\n      rows: {         selectable: {           multiple: true\n },\n        handlers: {           click: 'select-row-toggle'\n }\n },\n      sorters: [\n        {           name: 'name'\n }\n      ]\n }\n }\n\n  async fetchHandler({ page, limit, sortings = [], filters = [] }: FetchOption) {\n    activityStateCounts(filters)\n      .then(counts => (this.stateCounts = counts))\n      .catch(e => console.error(e))\n    const status = ['draft', 'released', 'deprecated'].filter(state => this.filters?.includes(state))\n\n    if (status.length > 0) {       filters = adjustFilters(filters, [{ name: 'state', operator: 'in', value: status }])\n }\n\n    const response = await client.query({       query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {           responses: activities(filters: $filters, pagination: $pagination, sortings: $sortings) {             items {               id\n              name\n              description\n              activityType\n              searchKeys {                 name\n                description\n                inputKey\n                tKey\n }\n              state\n              model {                 name\n                description\n                active\n                tag\n                inout\n                type\n                unit\n                options\n                quantifier\n                spec\n }\n              thumbnail\n              priority\n              issuerRole {                 id\n                name\n }\n              assigneeRoles {                 id\n                name\n }\n              supervisoryRole {                 id\n                name\n }\n              assignees {                 type\n                value\n                assignee {                   id\n                  name\n                  description\n                  controlNo\n }\n }\n              approvalLine {                 type\n                value\n                participation\n                notifyAfter\n                approver {                   id\n                  name\n                  description\n                  controlNo\n }\n }\n              uiType\n              uiSource\n              viewType\n              viewSource\n              reportType\n              reportSource\n              startingType\n              multiple\n              schedule\n              timezone\n              scheduleId\n              standardTime\n              updater {                 id\n                name\n }\n              updatedAt\n }\n            total\n }\n }\n      `,\n      variables: {         filters,\n        pagination: { page, limit },\n        sortings\n }\n })\n\n    return {       total: response.data.responses.total || 0,\n      records: (response.data.responses.items || []).map(withPoolIds)\n }\n }\n\n  async readRoleOptions(): Promise<RoleOption[]> {     const response = await client.query({       query: gql`\n        query {           roles(filters: [], pagination: { page: 1, limit: 1000 }, sortings: [{ name: \"name\" }]) {             items {               id\n              name\n }\n }\n }\n      `\n })\n\n    return (response.data?.roles?.items || []).map((role: { id: string; name: string }) => ({ display: role.name, value: role.id }))\n }\n\n  async updateActivity() {     let patches = this.grist?.dirtyRecords\n    if (patches && patches.length) {       patches = patches.map(patch => {         let patchField: any = patch.id ? { id: patch.id } : {}\n        const dirtyFields = patch.__dirtyfields__\n        for (let key in dirtyFields) {           patchField[key] = dirtyFields[key].after\n }\n        patchField.cuFlag = patch.__dirty__\n\n        return poolPatch(patchField)\n })\n\n      const outcome = await ranMutation(() => client.mutate({         mutation: gql`\n          mutation ($patches: [ActivityPatch!]!) {             updateMultipleActivity(patches: $patches) {               name\n }\n }\n        `,\n        variables: {           patches\n },\n        context: {           hasUpload: true\n }\n }))\n\n      if (outcome.ok) {         this.grist?.fetch()\n }\n }\n }\n\n  async startActivitySchedule(record) {\n    /*\n     * This read response.data.startActivitySchedule.scheduleId straight off the answer. A refused\n     * mutation resolves with null data under errorPolicy: 'all', so the failure did not go quiet —\n     * it threw a TypeError on the null, and the message below never ran either way.\n     *\n     * Its sibling stopActivitySchedule already reported both outcomes; this one did not.\n     */\n    const outcome = await ranMutation(() => client.mutate({\n      mutation: gql`\n        mutation ($activityId: String!) {\n          startActivitySchedule(activityId: $activityId) {\n            scheduleId\n          }\n        }\n      `,\n      variables: {\n        activityId: record.id\n      }\n    }))\n\n    if (!outcome.ok) {\n      this.grist.fetch()\n      return\n }\n\n    record.scheduleId = outcome.data.startActivitySchedule?.scheduleId\n\n    notify({       level: 'info',\n      message: `success to start activity schedule : ${record.name}`\n })\n\n    this.grist.fetch()\n }\n\n  async stopActivitySchedule(record) {     var response = await client.mutate({       mutation: gql`\n        mutation ($activityId: String!) {           stopActivitySchedule(activityId: $activityId) {             scheduleId\n }\n }\n      `,\n      variables: {         activityId: record.id\n }\n })\n\n    if (!response.errors) {       notify({         level: 'info',\n        message: `success to stop activity schedule : ${record.name}`\n })\n } else {       notify({         level: 'error',\n        message: `${response.errors.map(error => error.message).join('\\n')}`\n })\n }\n\n    this.grist.fetch()\n }\n}\n"]}

package/dist-client/pages/todo/approval-done-list-page.d.ts

@@ -10,6 +10,8 @@ export declare class ApprovalDoneListPage extends ApprovalDoneListPage_base {
     mode: 'GRID' | 'LIST' | 'CARD';
     grist: DataGrist;
     filters?: string[];
+    /** How many each chip would show under the list's other conditions, counted by the list's own door. */
+    chipCounts: Map<string, number>;
     get context(): {
         title: string;
         search: {
@@ -25,6 +27,8 @@ export declare class ApprovalDoneListPage extends ApprovalDoneListPage_base {
     render(): import("lit-html").TemplateResult<1>;
     pageInitialized(lifecycle: any): Promise<void>;
     pageUpdated(changes: any, lifecycle: any, changedBefore: any): Promise<void>;
+    private counted;
+    private countChips;
     fetchHandler(options: FetchOption): Promise<{
         total: any;
         records: any;

package/dist-client/pages/todo/approval-done-list-page.js

@@ -7,17 +7,19 @@ import { css, html } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
 import { DataGrist, getRenderer } from '@operato/data-grist';
 import { client } from '@operato/graphql';
-import { importantChip, importantFilters } from '../../chip-filters.js';
+import { countChips, importantChip, withChips } from '../../chip-filters.js';
 import { i18next, localize } from '@operato/i18n';
 import { navigate, PageView } from '@operato/shell';
 import { listWithThumbnail } from './list-thumbnail.js';
 import { CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
-import { adjustFilters, isMobileDevice } from '@operato/utils';
+import { isMobileDevice } from '@operato/utils';
 import { priorityCell, subjectCell } from '../../activity-cells.js';
 let ApprovalDoneListPage = class ApprovalDoneListPage extends localize(i18next)(PageView) {
     constructor() {
         super(...arguments);
         this.mode = isMobileDevice() ? 'CARD' : 'GRID';
+        /** How many each chip would show under the list's other conditions, counted by the list's own door. */
+        this.chipCounts = new Map();
     }
     static { this.styles = [
         /* The work surface frame for a list screen (ADR-0060 decision 8). */
@@ -99,7 +101,7 @@ let ApprovalDoneListPage = class ApprovalDoneListPage extends localize(i18next)(
             <ox-filters-form class="filter" without-search></ox-filters-form>
             <ox-input-select-buttons
               .value=${this.filters}
-              .options=${[
+              .options=${this.counted([
             importantChip(),
             /*
              * No 만기 chip here. These approvals have already been judged.
@@ -115,7 +117,7 @@ let ApprovalDoneListPage = class ApprovalDoneListPage extends localize(i18next)(
             { display: i18next.t('label.filter-rejected'),
                 value: 'rejected'
             }
-        ]}
+        ])}
               @change=${(e) => {
             this.filters = e.currentTarget?.value;
             this.grist.fetch();
@@ -263,18 +265,23 @@ let ApprovalDoneListPage = class ApprovalDoneListPage extends localize(i18next)(
         }
     }
     /* 읽은 것에 그림이 하나도 없으면 카드마다 빈 그림 칸을 세우지 않는다(§ list-thumbnail.ts). */
+    counted(chips) {
+        return chips.map(chip => ({ ...chip, count: this.chipCounts.get(chip.value) ?? 0 }));
+    }
+    /* The chips' numbers - asked beside the list, on the list's filters before any chip is added. */
+    countChips(filters) {
+        countChips('approvalDoneList', ['important', 'rejected'], filters)
+            .then(counts => (this.chipCounts = counts))
+            .catch(e => console.error(e));
+    }
     async fetchHandler(options) {
         const fetched = await this.fetchRows(options);
         this.gristConfig = listWithThumbnail(this.gristConfig, fetched?.records || []);
         return fetched;
     }
     async fetchRows({ page, limit, sortings = [], filters = [] }) {
-        if (this.filters?.includes('important')) {
-            filters = adjustFilters(filters, importantFilters());
-        }
-        if (this.filters?.includes('rejected')) {
-            filters = adjustFilters(filters, [{ name: 'judgment', operator: 'eq', value: 'rejected' }]);
-        }
+        this.countChips(filters);
+        filters = withChips(filters, this.filters);
         const response = await client.query({ query: gql `
         query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {           responses: approvalDoneList(filters: $filters, pagination: $pagination, sortings: $sortings) {             items {               id
               round
@@ -347,6 +354,10 @@ __decorate([
     state(),
     __metadata("design:type", Array)
 ], ApprovalDoneListPage.prototype, "filters", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ApprovalDoneListPage.prototype, "chipCounts", void 0);
 ApprovalDoneListPage = __decorate([
     customElement('approval-done-list-page')
 ], ApprovalDoneListPage);

package/dist-client/pages/todo/approval-done-list-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"approval-done-list-page.js","sourceRoot":"","sources":["../../../client/pages/todo/approval-done-list-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'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { DataGrist, FetchOption, getRenderer } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { importantChip, importantFilters } from '../../chip-filters.js'\nimport { i18next, localize } from '@operato/i18n'\nimport { navigate, PageView } from '@operato/shell'\nimport { listWithThumbnail } from './list-thumbnail.js'\nimport { CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { adjustFilters, isMobileDevice } from '@operato/utils'\n\nimport { priorityCell, subjectCell } from '../../activity-cells.js'\n\n@customElement('approval-done-list-page')\nexport class ApprovalDoneListPage extends localize(i18next)(PageView) {   static styles = [\n    /* The work surface frame for a list screen (ADR-0060 decision 8). */\n    WorkSurfacePageStyles,\n    ScrollbarStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        --grid-record-emphasized-background-color: #8b0000;\n        --grid-record-emphasized-color: #ff6b6b;\n      }\n\n      .header {         grid-template-areas: 'filters actions';\n }\n\n      /*\n       * ── 헤드룸의 왼쪽 기준선은 표와 같다 ─────────────────────────────────\n       * CommonHeaderStyles 의 .filters 는 배경과 모서리와 여백을 가진 영역이다. 그 배경이\n       * --md-sys-color-surface 인데 이 제품에서는 바탕색과 같은 값이라, **보이지 않는 영역이\n       * 자리만 차지하고** 검색창을 여백만큼(12px) 안쪽으로 밀었다.\n       *\n       * 실측: 표 왼쪽 끝 212 · 필터 영역 212 · 검색창 224. 화면의 왼쪽 기준선이 둘이 됐다.\n       *\n       * 그 규칙들은 .header 안에 중첩되어 있어(.header .filters) 밑줄 없는 .filters 로는 이길 수\n       * 없다 — 특정도가 0,1,0 대 0,2,0 이다.\n       */\n      .header .filters {\n        padding: 0;\n        background: none;\n        border-radius: 0;\n        gap: 12px;\n      }\n\n    `\n  ]\n\n  @property({ type: Object }) gristConfig?: any\n  @property({ type: String }) mode: 'GRID' | 'LIST' | 'CARD' = isMobileDevice() ? 'CARD' : 'GRID'\n\n  @query('ox-grist') grist!: DataGrist\n\n  @state() filters?: string[]\n\n  get context() {     return {       title: i18next.t('title.approval done list'),\n      /*\n       * 검색의 자리는 **기기가 정한다.**\n       *\n       * PC 에서는 화면 안으로 내린다. 상단 바에 두면 거른 조건과 걸러진 결과가 화면의 위아래 끝으로\n       * 갈라지고, 지금 무엇으로 걸렀는지가 목록 옆에서 보이지 않는다.\n       *\n       * 좁은 화면에서는 상단 바에 그대로 둔다. 헤드룸에 두면 검색창과 필터가 목록을 그만큼 밀어\n       * 내리고, 카드 두 장이 화면 밖으로 나간다. 상단 바는 그 자리를 아끼려고 있는 것이다.\n       *\n       * 이 저장소에는 두 방식이 다 있다 — 헤드룸 50곳, 상단 바 51곳. 정형인 것은 구조\n       * (.header / .filters / .filter)이고 검색의 자리는 화면이 정한다.\n       */\n      /*\n       * 검색은 **페이지 제목 줄의 오른쪽 끝**에 둔다 — 다른 화면들과 같은 자리다.\n       *\n       * 전에는 좁은 화면에서만 여기에 넣고, 넓은 화면에서는 헤드룸의 ox-filters-form 이 검색을\n       * 그렸다. 그래서 같은 앱 안에서 검색 상자의 자리가 화면마다 달랐다.\n       *\n       * 헤드룸에는 좁히는 칩만 남는다. 폼은 without-search 로 남겨 두어, 나중에 어느 칸에\n       * filter 를 달면 그 UI 가 저절로 생긴다(비면 아무것도 그리지 않는다).\n       */\n      search: {\n        handler: (search: string) => {\n          this.grist.searchText = search\n        },\n        value: this.grist?.searchText || ''\n      },\n      filter: {         handler: () => {           this.grist.toggleHeadroom()\n }\n },\n      help: 'worklist/approval-done-list-page',\n      actions: []\n }\n }\n\n  render() {     const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')\n\n    return html`\n      <ox-grist class=\"page-fill\" .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\">\n            <!-- 좁은 화면에서는 상단 바가 검색을 갖는다(위 context 주석 참조). -->\n            <ox-filters-form class=\"filter\" without-search></ox-filters-form>\n            <ox-input-select-buttons\n              .value=${this.filters}\n              .options=${[\n                importantChip(),\n                /*\n                 * No 만기 chip here. These approvals have already been judged.\n                 *\n                 * The chip asks \"due within 24 hours\" (dueSoonFilters in chip-filters). Finished\n                 * work does not carry that question, and the condition — dueAt lte now + 24h —\n                 * matches every deadline already past, so on this screen it selects \"has a\n                 * deadline\" rather than \"due soon\".\n                 *\n                 * It also filters a column this grid does not show, leaving no way to tell what it\n                 * took away.\n                 */\n                {                   display: i18next.t('label.filter-rejected'),\n                  value: 'rejected'\n }\n              ]}\n              @change=${(e: CustomEvent) => {                 this.filters = (e.currentTarget as any)?.value\n                this.grist.fetch()\n }}\n            ></ox-input-select-buttons>\n            <!-- <ox-filters-form class=\"filter\" autofocus without-search></ox-filters-form> -->\n          </div>\n\n        </div>\n      </ox-grist>\n    `\n }\n\n  async pageInitialized(lifecycle) {     this.gristConfig = {       list: {         thumbnail: 'thumbnail',\n        fields: ['name', 'description'],\n        details: ['createdAt', 'due']\n },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence', fixed: true },\n        {           type: 'string',\n          name: 'name',\n          fixed: true,\n          header: i18next.t('field.wl-subject'),\n          record: {\n            editable: false,\n            renderer: subjectCell()\n          },\n          filter: 'search',\n          sortable: true,\n          width: 225\n },\n        {\n          /*\n           * 설명은 제목 칸 안에서 두 줄로 보인다(activity-cells 의 subjectCell). 그래서 따로 보일 칸이\n           * 필요하지 않다.\n           *\n           * 그런데 **칸을 없애면 설명으로 검색하는 기능이 함께 사라진다.** searchText 는\n           * filter: 'search' 를 선언한 컬럼마다 필터를 만들고 hidden 은 보지 않는다\n           * (data-grist.ts 의 set searchText). 실측으로 확인했다 — 컬럼을 없앤 뒤 설명에만 있는\n           * 낱말로 검색하면 0건이었다.\n           *\n           * 그래서 감춘 칸으로 남겨 검색만 남긴다.\n           */\n          type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: { editable: false },\n          filter: 'search',\n          hidden: true\n        },\n        {           type: 'number',\n          name: 'priority',\n          header: i18next.t('field.wl-priority'),\n          record: {\n            editable: false,\n            align: 'center',\n            renderer: priorityCell()\n          },\n          width: 75\n },\n        {           type: 'select',\n          name: 'judgment',\n          header: i18next.t('field.wl-judgment'),\n          record: {             editable: false,\n            align: 'center',\n            options: [\n              { display: i18next.t('label.activity-state-rejected'), value: 'rejected' },\n              { display: i18next.t('label.activity-state-escalated'), value: 'escalated' },\n              { display: i18next.t('label.activity-state-delegated'), value: 'delegated' },\n              { display: i18next.t('label.activity-state-approved'), value: 'approved' },\n              { display: i18next.t('label.activity-state-aborted'), value: 'aborted' }\n            ]\n },\n          width: 80\n },\n        {           type: 'number',\n          name: 'round',\n          header: i18next.t('field.wl-round'),\n          record: {             editable: false\n },\n          width: 50\n },\n        {           type: 'string',\n          name: 'comment',\n          header: i18next.t('field.wl-comment'),\n          record: {             editable: false\n },\n          width: 200\n },\n        {           type: 'datetime',\n          name: 'terminatedAt',\n          header: i18next.t('field.wl-terminated-at'),\n          record: {             editable: false\n },\n          sortable: true,\n          filter: false,\n          width: 180\n },\n        {           type: 'datetime',\n          name: 'createdAt',\n          header: i18next.t('field.wl-submitted-at'),\n          record: {             editable: false\n },\n          sortable: true,\n          filter: false,\n          width: 180\n },\n        {           type: 'string',\n          name: 'viewSource',\n          header: i18next.t('field.wl-view-source'),\n          record: {             editable: false,\n            renderer: function (value, column, record, rowIndex, field) {               const { viewType, viewSource } = record.activity || {}\n              var type = viewType !== 'board' ? 'string' : 'board'\n              return getRenderer(type)(viewSource, column, record, rowIndex, field)\n }\n },\n          width: 140,\n          hidden: true\n },\n        {           type: 'image',\n          name: 'thumbnail',\n          header: i18next.t('field.thumbnail'),\n          record: { editable: false },\n          hidden: true\n }\n      ],\n      rows: {         appendable: false,\n        editable: false,\n        handlers: {           click: (columns, data, column, record, rowIndex) => {             this.openActivityApproval(record)\n }\n }\n },\n      sorters: [\n        {           name: 'terminatedAt',\n          desc: true\n }\n      ]\n }\n }\n\n  async pageUpdated(changes, lifecycle, changedBefore) {     if (this.active) {       this.grist?.fetch()\n }\n }\n\n  /* 읽은 것에 그림이 하나도 없으면 카드마다 빈 그림 칸을 세우지 않는다(§ list-thumbnail.ts). */\n  async fetchHandler(options: FetchOption) {\n    const fetched = await this.fetchRows(options)\n\n    this.gristConfig = listWithThumbnail(this.gristConfig, fetched?.records || [])\n\n    return fetched\n  }\n\n  async fetchRows({ page, limit, sortings = [], filters = [] }: FetchOption) {     if (this.filters?.includes('important')) {       filters = adjustFilters(filters, importantFilters())\n }\n\n    if (this.filters?.includes('rejected')) {       filters = adjustFilters(filters, [{ name: 'judgment', operator: 'eq', value: 'rejected' }])\n }\n\n    const response = await client.query({       query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {           responses: approvalDoneList(filters: $filters, pagination: $pagination, sortings: $sortings) {             items {               id\n              round\n              judgment\n              comment\n              createdAt\n              terminatedAt\n              activityThread {                 activityInstance {                   activityId: id\n                  name\n                  description\n                  priority\n                  input\n                  refBy\n                  activityType\n                  viewType\n                  viewSource\n                  thumbnail\n                  updatedAt\n                  createdAt\n                  creator {                     id\n                    name\n }\n }\n                state\n                output\n                dueAt\n                assignedAt\n }\n }\n            total\n }\n }\n      `,\n      variables: {         filters,\n        pagination: { page, limit },\n        sortings\n }\n })\n\n    return {       total: response.data.responses.total || 0,\n      records: (response.data.responses.items || []).map(item => {         let thread = item.activityThread\n        return {           id: item.id,\n          ...thread.activityInstance,\n          judgment: item.judgment,\n          comment: item.comment,\n          round: item.round,\n          createdAt: item.createdAt,\n          terminatedAt: item.terminatedAt\n }\n })\n }\n }\n\n  openActivityApproval(activityApproval) {     navigate(`activity-approval/${activityApproval.id}?title=${activityApproval.name}`)\n }\n}\n"]}
+{"version":3,"file":"approval-done-list-page.js","sourceRoot":"","sources":["../../../client/pages/todo/approval-done-list-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'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { DataGrist, FetchOption, getRenderer } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { countChips, importantChip, withChips } from '../../chip-filters.js'\nimport { i18next, localize } from '@operato/i18n'\nimport { navigate, PageView } from '@operato/shell'\nimport { listWithThumbnail } from './list-thumbnail.js'\nimport { CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\n\nimport { priorityCell, subjectCell } from '../../activity-cells.js'\n\n@customElement('approval-done-list-page')\nexport class ApprovalDoneListPage extends localize(i18next)(PageView) {   static styles = [\n    /* The work surface frame for a list screen (ADR-0060 decision 8). */\n    WorkSurfacePageStyles,\n    ScrollbarStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        --grid-record-emphasized-background-color: #8b0000;\n        --grid-record-emphasized-color: #ff6b6b;\n      }\n\n      .header {         grid-template-areas: 'filters actions';\n }\n\n      /*\n       * ── 헤드룸의 왼쪽 기준선은 표와 같다 ─────────────────────────────────\n       * CommonHeaderStyles 의 .filters 는 배경과 모서리와 여백을 가진 영역이다. 그 배경이\n       * --md-sys-color-surface 인데 이 제품에서는 바탕색과 같은 값이라, **보이지 않는 영역이\n       * 자리만 차지하고** 검색창을 여백만큼(12px) 안쪽으로 밀었다.\n       *\n       * 실측: 표 왼쪽 끝 212 · 필터 영역 212 · 검색창 224. 화면의 왼쪽 기준선이 둘이 됐다.\n       *\n       * 그 규칙들은 .header 안에 중첩되어 있어(.header .filters) 밑줄 없는 .filters 로는 이길 수\n       * 없다 — 특정도가 0,1,0 대 0,2,0 이다.\n       */\n      .header .filters {\n        padding: 0;\n        background: none;\n        border-radius: 0;\n        gap: 12px;\n      }\n\n    `\n  ]\n\n  @property({ type: Object }) gristConfig?: any\n  @property({ type: String }) mode: 'GRID' | 'LIST' | 'CARD' = isMobileDevice() ? 'CARD' : 'GRID'\n\n  @query('ox-grist') grist!: DataGrist\n\n  @state() filters?: string[]\n\n  /** How many each chip would show under the list's other conditions, counted by the list's own door. */\n  @state() chipCounts = new Map<string, number>()\n\n  get context() {     return {       title: i18next.t('title.approval done list'),\n      /*\n       * 검색의 자리는 **기기가 정한다.**\n       *\n       * PC 에서는 화면 안으로 내린다. 상단 바에 두면 거른 조건과 걸러진 결과가 화면의 위아래 끝으로\n       * 갈라지고, 지금 무엇으로 걸렀는지가 목록 옆에서 보이지 않는다.\n       *\n       * 좁은 화면에서는 상단 바에 그대로 둔다. 헤드룸에 두면 검색창과 필터가 목록을 그만큼 밀어\n       * 내리고, 카드 두 장이 화면 밖으로 나간다. 상단 바는 그 자리를 아끼려고 있는 것이다.\n       *\n       * 이 저장소에는 두 방식이 다 있다 — 헤드룸 50곳, 상단 바 51곳. 정형인 것은 구조\n       * (.header / .filters / .filter)이고 검색의 자리는 화면이 정한다.\n       */\n      /*\n       * 검색은 **페이지 제목 줄의 오른쪽 끝**에 둔다 — 다른 화면들과 같은 자리다.\n       *\n       * 전에는 좁은 화면에서만 여기에 넣고, 넓은 화면에서는 헤드룸의 ox-filters-form 이 검색을\n       * 그렸다. 그래서 같은 앱 안에서 검색 상자의 자리가 화면마다 달랐다.\n       *\n       * 헤드룸에는 좁히는 칩만 남는다. 폼은 without-search 로 남겨 두어, 나중에 어느 칸에\n       * filter 를 달면 그 UI 가 저절로 생긴다(비면 아무것도 그리지 않는다).\n       */\n      search: {\n        handler: (search: string) => {\n          this.grist.searchText = search\n        },\n        value: this.grist?.searchText || ''\n      },\n      filter: {         handler: () => {           this.grist.toggleHeadroom()\n }\n },\n      help: 'worklist/approval-done-list-page',\n      actions: []\n }\n }\n\n  render() {     const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')\n\n    return html`\n      <ox-grist class=\"page-fill\" .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\">\n            <!-- 좁은 화면에서는 상단 바가 검색을 갖는다(위 context 주석 참조). -->\n            <ox-filters-form class=\"filter\" without-search></ox-filters-form>\n            <ox-input-select-buttons\n              .value=${this.filters}\n              .options=${this.counted([\n                importantChip(),\n                /*\n                 * No 만기 chip here. These approvals have already been judged.\n                 *\n                 * The chip asks \"due within 24 hours\" (dueSoonFilters in chip-filters). Finished\n                 * work does not carry that question, and the condition — dueAt lte now + 24h —\n                 * matches every deadline already past, so on this screen it selects \"has a\n                 * deadline\" rather than \"due soon\".\n                 *\n                 * It also filters a column this grid does not show, leaving no way to tell what it\n                 * took away.\n                 */\n                {                   display: i18next.t('label.filter-rejected'),\n                  value: 'rejected'\n }\n              ])}\n              @change=${(e: CustomEvent) => {                 this.filters = (e.currentTarget as any)?.value\n                this.grist.fetch()\n }}\n            ></ox-input-select-buttons>\n            <!-- <ox-filters-form class=\"filter\" autofocus without-search></ox-filters-form> -->\n          </div>\n\n        </div>\n      </ox-grist>\n    `\n }\n\n  async pageInitialized(lifecycle) {     this.gristConfig = {       list: {         thumbnail: 'thumbnail',\n        fields: ['name', 'description'],\n        details: ['createdAt', 'due']\n },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence', fixed: true },\n        {           type: 'string',\n          name: 'name',\n          fixed: true,\n          header: i18next.t('field.wl-subject'),\n          record: {\n            editable: false,\n            renderer: subjectCell()\n          },\n          filter: 'search',\n          sortable: true,\n          width: 225\n },\n        {\n          /*\n           * 설명은 제목 칸 안에서 두 줄로 보인다(activity-cells 의 subjectCell). 그래서 따로 보일 칸이\n           * 필요하지 않다.\n           *\n           * 그런데 **칸을 없애면 설명으로 검색하는 기능이 함께 사라진다.** searchText 는\n           * filter: 'search' 를 선언한 컬럼마다 필터를 만들고 hidden 은 보지 않는다\n           * (data-grist.ts 의 set searchText). 실측으로 확인했다 — 컬럼을 없앤 뒤 설명에만 있는\n           * 낱말로 검색하면 0건이었다.\n           *\n           * 그래서 감춘 칸으로 남겨 검색만 남긴다.\n           */\n          type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: { editable: false },\n          filter: 'search',\n          hidden: true\n        },\n        {           type: 'number',\n          name: 'priority',\n          header: i18next.t('field.wl-priority'),\n          record: {\n            editable: false,\n            align: 'center',\n            renderer: priorityCell()\n          },\n          width: 75\n },\n        {           type: 'select',\n          name: 'judgment',\n          header: i18next.t('field.wl-judgment'),\n          record: {             editable: false,\n            align: 'center',\n            options: [\n              { display: i18next.t('label.activity-state-rejected'), value: 'rejected' },\n              { display: i18next.t('label.activity-state-escalated'), value: 'escalated' },\n              { display: i18next.t('label.activity-state-delegated'), value: 'delegated' },\n              { display: i18next.t('label.activity-state-approved'), value: 'approved' },\n              { display: i18next.t('label.activity-state-aborted'), value: 'aborted' }\n            ]\n },\n          width: 80\n },\n        {           type: 'number',\n          name: 'round',\n          header: i18next.t('field.wl-round'),\n          record: {             editable: false\n },\n          width: 50\n },\n        {           type: 'string',\n          name: 'comment',\n          header: i18next.t('field.wl-comment'),\n          record: {             editable: false\n },\n          width: 200\n },\n        {           type: 'datetime',\n          name: 'terminatedAt',\n          header: i18next.t('field.wl-terminated-at'),\n          record: {             editable: false\n },\n          sortable: true,\n          filter: false,\n          width: 180\n },\n        {           type: 'datetime',\n          name: 'createdAt',\n          header: i18next.t('field.wl-submitted-at'),\n          record: {             editable: false\n },\n          sortable: true,\n          filter: false,\n          width: 180\n },\n        {           type: 'string',\n          name: 'viewSource',\n          header: i18next.t('field.wl-view-source'),\n          record: {             editable: false,\n            renderer: function (value, column, record, rowIndex, field) {               const { viewType, viewSource } = record.activity || {}\n              var type = viewType !== 'board' ? 'string' : 'board'\n              return getRenderer(type)(viewSource, column, record, rowIndex, field)\n }\n },\n          width: 140,\n          hidden: true\n },\n        {           type: 'image',\n          name: 'thumbnail',\n          header: i18next.t('field.thumbnail'),\n          record: { editable: false },\n          hidden: true\n }\n      ],\n      rows: {         appendable: false,\n        editable: false,\n        handlers: {           click: (columns, data, column, record, rowIndex) => {             this.openActivityApproval(record)\n }\n }\n },\n      sorters: [\n        {           name: 'terminatedAt',\n          desc: true\n }\n      ]\n }\n }\n\n  async pageUpdated(changes, lifecycle, changedBefore) {     if (this.active) {       this.grist?.fetch()\n }\n }\n\n  /* 읽은 것에 그림이 하나도 없으면 카드마다 빈 그림 칸을 세우지 않는다(§ list-thumbnail.ts). */\n  private counted(chips: { display: string; value: string; hint?: string }[]) {\n    return chips.map(chip => ({ ...chip, count: this.chipCounts.get(chip.value) ?? 0 }))\n  }\n\n  /* The chips' numbers - asked beside the list, on the list's filters before any chip is added. */\n  private countChips(filters: any[]) {\n    countChips('approvalDoneList', ['important', 'rejected'], filters)\n      .then(counts => (this.chipCounts = counts))\n      .catch(e => console.error(e))\n  }\n\n  async fetchHandler(options: FetchOption) {\n    const fetched = await this.fetchRows(options)\n\n    this.gristConfig = listWithThumbnail(this.gristConfig, fetched?.records || [])\n\n    return fetched\n  }\n\n  async fetchRows({ page, limit, sortings = [], filters = [] }: FetchOption) {\n    this.countChips(filters)\n    filters = withChips(filters, this.filters)\n\n    const response = await client.query({       query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {           responses: approvalDoneList(filters: $filters, pagination: $pagination, sortings: $sortings) {             items {               id\n              round\n              judgment\n              comment\n              createdAt\n              terminatedAt\n              activityThread {                 activityInstance {                   activityId: id\n                  name\n                  description\n                  priority\n                  input\n                  refBy\n                  activityType\n                  viewType\n                  viewSource\n                  thumbnail\n                  updatedAt\n                  createdAt\n                  creator {                     id\n                    name\n }\n }\n                state\n                output\n                dueAt\n                assignedAt\n }\n }\n            total\n }\n }\n      `,\n      variables: {         filters,\n        pagination: { page, limit },\n        sortings\n }\n })\n\n    return {       total: response.data.responses.total || 0,\n      records: (response.data.responses.items || []).map(item => {         let thread = item.activityThread\n        return {           id: item.id,\n          ...thread.activityInstance,\n          judgment: item.judgment,\n          comment: item.comment,\n          round: item.round,\n          createdAt: item.createdAt,\n          terminatedAt: item.terminatedAt\n }\n })\n }\n }\n\n  openActivityApproval(activityApproval) {     navigate(`activity-approval/${activityApproval.id}?title=${activityApproval.name}`)\n }\n}\n"]}