@things-factory/organization 10.1.47 → 10.1.81

package/dist-client/bootstrap.js

@@ -10,8 +10,10 @@ import { GristEditorRecipients } from './grist-editor/grist-editor-recipients';
 import { GristRendererRecipients } from './grist-editor/grist-renderer-recipients';
 import { GristEditorApprovalLine } from './grist-editor/grist-editor-approval-line';
 import { GristRendererApprovalLine } from './grist-editor/grist-renderer-approval-line';
+import { registerDepartmentKind } from './entity360/department-360.js';
 import { registerPersonMembershipSection } from './entity360/person-membership-section.js';
 export default function bootstrap() {
+    registerDepartmentKind();
     registerPersonMembershipSection();
     /* register grist renderer/editor for id */
     registerEditor('department-object', GristEditorDepartmentObject);

package/dist-client/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAE9F,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAA;AACtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAA;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAA;AAEnF,OAAO,EAAE,6BAA6B,EAAE,MAAM,iDAAiD,CAAA;AAC/F,OAAO,EAAE,2BAA2B,EAAE,MAAM,+CAA+C,CAAA;AAC3F,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AAChF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AAC9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAA;AAClF,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;AACnF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6CAA6C,CAAA;AACvF,OAAO,EAAE,+BAA+B,EAAE,MAAM,0CAA0C,CAAA;AAE1F,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,+BAA+B,EAAE,CAAA;IAEjC,2CAA2C;IAC3C,cAAc,CAAC,mBAAmB,EAAE,2BAA2B,CAAC,CAAA;IAChE,cAAc,CAAC,eAAe,EAAE,uBAAuB,CAAC,CAAA;IACxD,cAAc,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAA;IACjD,cAAc,CAAC,YAAY,EAAE,qBAAqB,CAAC,CAAA;IAEnD,gBAAgB,CAAC,mBAAmB,EAAE,6BAA6B,CAAC,CAAA;IACpE,gBAAgB,CAAC,eAAe,EAAE,yBAAyB,CAAC,CAAA;IAC5D,gBAAgB,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAA;IACrD,gBAAgB,CAAC,YAAY,EAAE,uBAAuB,CAAC,CAAA;IAEvD,sBAAsB,CAAC,MAAM,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;IACpD,sBAAsB,CAAC,QAAQ,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAA;IACxD,sBAAsB,CAAC,iBAAiB,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAA;IACjE,sBAAsB,CAAC,mBAAmB,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAA;AACvE,CAAC","sourcesContent":["import { registerEditor, registerRenderer, registerFilterRenderer } from '@operato/data-grist'\n\nimport { FilterResourceCode } from '@operato/app/filters-form/filter-resource-code.js'\nimport { FilterResourceObject } from '@operato/app/filters-form/filter-resource-object.js'\nimport { FilterDepartmentObject } from './filters-form/filter-department-object.js'\n\nimport { GristRendererDepartmentObject } from './grist-editor/grist-renderer-department-object'\nimport { GristEditorDepartmentObject } from './grist-editor/grist-editor-department-object'\nimport { GristEditorAssignees } from './grist-editor/grist-editor-assignees'\nimport { GristRendererAssignees } from './grist-editor/grist-renderer-assignees'\nimport { GristEditorRecipients } from './grist-editor/grist-editor-recipients'\nimport { GristRendererRecipients } from './grist-editor/grist-renderer-recipients'\nimport { GristEditorApprovalLine } from './grist-editor/grist-editor-approval-line'\nimport { GristRendererApprovalLine } from './grist-editor/grist-renderer-approval-line'\nimport { registerPersonMembershipSection } from './entity360/person-membership-section.js'\n\nexport default function bootstrap() {\n  registerPersonMembershipSection()\n\n  /* register grist renderer/editor for id */\n  registerEditor('department-object', GristEditorDepartmentObject)\n  registerEditor('approval-line', GristEditorApprovalLine)\n  registerEditor('assignees', GristEditorAssignees)\n  registerEditor('recipients', GristEditorRecipients)\n\n  registerRenderer('department-object', GristRendererDepartmentObject)\n  registerRenderer('approval-line', GristRendererApprovalLine)\n  registerRenderer('assignees', GristRendererAssignees)\n  registerRenderer('recipients', GristRendererRecipients)\n\n  registerFilterRenderer('code', [FilterResourceCode])\n  registerFilterRenderer('object', [FilterResourceObject])\n  registerFilterRenderer('resource-object', [FilterResourceObject])\n  registerFilterRenderer('department-object', [FilterDepartmentObject])\n}\n"]}
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAE9F,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAA;AACtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAA;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAA;AAEnF,OAAO,EAAE,6BAA6B,EAAE,MAAM,iDAAiD,CAAA;AAC/F,OAAO,EAAE,2BAA2B,EAAE,MAAM,+CAA+C,CAAA;AAC3F,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AAChF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AAC9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAA;AAClF,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;AACnF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6CAA6C,CAAA;AACvF,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAA;AACtE,OAAO,EAAE,+BAA+B,EAAE,MAAM,0CAA0C,CAAA;AAE1F,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,sBAAsB,EAAE,CAAA;IACxB,+BAA+B,EAAE,CAAA;IAEjC,2CAA2C;IAC3C,cAAc,CAAC,mBAAmB,EAAE,2BAA2B,CAAC,CAAA;IAChE,cAAc,CAAC,eAAe,EAAE,uBAAuB,CAAC,CAAA;IACxD,cAAc,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAA;IACjD,cAAc,CAAC,YAAY,EAAE,qBAAqB,CAAC,CAAA;IAEnD,gBAAgB,CAAC,mBAAmB,EAAE,6BAA6B,CAAC,CAAA;IACpE,gBAAgB,CAAC,eAAe,EAAE,yBAAyB,CAAC,CAAA;IAC5D,gBAAgB,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAA;IACrD,gBAAgB,CAAC,YAAY,EAAE,uBAAuB,CAAC,CAAA;IAEvD,sBAAsB,CAAC,MAAM,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;IACpD,sBAAsB,CAAC,QAAQ,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAA;IACxD,sBAAsB,CAAC,iBAAiB,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAA;IACjE,sBAAsB,CAAC,mBAAmB,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAA;AACvE,CAAC","sourcesContent":["import { registerEditor, registerRenderer, registerFilterRenderer } from '@operato/data-grist'\n\nimport { FilterResourceCode } from '@operato/app/filters-form/filter-resource-code.js'\nimport { FilterResourceObject } from '@operato/app/filters-form/filter-resource-object.js'\nimport { FilterDepartmentObject } from './filters-form/filter-department-object.js'\n\nimport { GristRendererDepartmentObject } from './grist-editor/grist-renderer-department-object'\nimport { GristEditorDepartmentObject } from './grist-editor/grist-editor-department-object'\nimport { GristEditorAssignees } from './grist-editor/grist-editor-assignees'\nimport { GristRendererAssignees } from './grist-editor/grist-renderer-assignees'\nimport { GristEditorRecipients } from './grist-editor/grist-editor-recipients'\nimport { GristRendererRecipients } from './grist-editor/grist-renderer-recipients'\nimport { GristEditorApprovalLine } from './grist-editor/grist-editor-approval-line'\nimport { GristRendererApprovalLine } from './grist-editor/grist-renderer-approval-line'\nimport { registerDepartmentKind } from './entity360/department-360.js'\nimport { registerPersonMembershipSection } from './entity360/person-membership-section.js'\n\nexport default function bootstrap() {\n  registerDepartmentKind()\n  registerPersonMembershipSection()\n\n  /* register grist renderer/editor for id */\n  registerEditor('department-object', GristEditorDepartmentObject)\n  registerEditor('approval-line', GristEditorApprovalLine)\n  registerEditor('assignees', GristEditorAssignees)\n  registerEditor('recipients', GristEditorRecipients)\n\n  registerRenderer('department-object', GristRendererDepartmentObject)\n  registerRenderer('approval-line', GristRendererApprovalLine)\n  registerRenderer('assignees', GristRendererAssignees)\n  registerRenderer('recipients', GristRendererRecipients)\n\n  registerFilterRenderer('code', [FilterResourceCode])\n  registerFilterRenderer('object', [FilterResourceObject])\n  registerFilterRenderer('resource-object', [FilterResourceObject])\n  registerFilterRenderer('department-object', [FilterDepartmentObject])\n}\n"]}

package/dist-client/entity360/department-360.d.ts

@@ -0,0 +1,28 @@
+import { LitElement } from 'lit';
+import { type Entity360DoorAnswer, type Entity360Subject } from '@operato/layout';
+type Department = {
+    id: string;
+    controlNo?: string;
+    name?: string;
+    description?: string;
+    active?: boolean;
+    parent?: {
+        id: string;
+        name?: string;
+        __typename?: string;
+    };
+    manager?: {
+        name?: string;
+    };
+};
+/** A department is a shared organizational fact: it can open from a person's membership and from generic object cells. */
+export declare function registerDepartmentKind(): void;
+export declare class DepartmentOverviewSection extends LitElement {
+    static styles: import("lit").CSSResult;
+    subject?: Entity360Subject;
+    answer?: Entity360DoorAnswer<Department | undefined>;
+    updated(changed: Map<string, unknown>): void;
+    private read;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/dist-client/entity360/department-360.js

@@ -0,0 +1,111 @@
+import { __decorate, __metadata } from "tslib";
+import gql from 'graphql-tag';
+import { css, html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { i18next } from '@operato/i18n';
+import { entity360Name, readEntity360Door, registerEntity360Kind, registerEntity360Section } from '@operato/layout';
+/** A department is a shared organizational fact: it can open from a person's membership and from generic object cells. */
+export function registerDepartmentKind() {
+    registerEntity360Kind({
+        kind: 'department',
+        typenames: ['Department'],
+        title: ({ value }) => value.name || value.controlNo || '',
+        context: ({ value }) => value.controlNo || ''
+    });
+    registerEntity360Section('department', {
+        name: 'overview',
+        order: 10,
+        render: subject => html `<department-overview-section .subject=${subject}></department-overview-section>`
+    });
+}
+let DepartmentOverviewSection = class DepartmentOverviewSection extends LitElement {
+    static { this.styles = css `
+    dl {
+      margin: 0;
+      display: grid;
+      grid-template-columns: max-content 1fr;
+      gap: 4px 12px;
+      font: 13px/1.5 sans-serif;
+    }
+    dt {
+      color: var(--md-sys-color-on-surface-variant);
+    }
+    dd {
+      margin: 0;
+      color: var(--md-sys-color-on-surface);
+      overflow-wrap: anywhere;
+    }
+  `; }
+    updated(changed) {
+        if (changed.has('subject'))
+            this.read();
+    }
+    async read() {
+        const id = this.subject?.id;
+        this.answer = undefined;
+        if (!id)
+            return;
+        const response = await client.query({
+            query: gql `
+        query ($id: String!) {
+          department(id: $id) {
+            id
+            controlNo
+            name
+            description
+            active
+            parent {
+              id
+              __typename
+              name
+            }
+            manager {
+              name
+            }
+          }
+        }
+      `,
+            variables: { id }
+        });
+        if (this.subject?.id !== id)
+            return;
+        this.answer = readEntity360Door(response, data => data?.department);
+    }
+    render() {
+        const answer = this.answer;
+        const department = answer?.data;
+        const none = i18next.t('text.entity360-none', { defaultValue: 'none' });
+        return html `<ox-entity360-section
+      .heading=${i18next.t('title.department list', { defaultValue: 'department' })}
+      .state=${answer?.state ?? 'loading'}
+      .message=${answer?.message ?? ''}
+    >
+      ${department
+            ? html `<dl>
+              <dt>${i18next.t('label.control-no')}</dt>
+              <dd>${department.controlNo || none}</dd>
+              <dt>${i18next.t('label.description')}</dt>
+              <dd>${department.description || none}</dd>
+              <dt>${i18next.t('label.department')}</dt>
+              <dd>${department.parent ? entity360Name(department.parent, department.parent.name || none) : none}</dd>
+              <dt>${i18next.t('label.manager')}</dt>
+              <dd>${department.manager?.name || none}</dd>
+            </dl>`
+            : ''}
+    </ox-entity360-section>`;
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], DepartmentOverviewSection.prototype, "subject", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], DepartmentOverviewSection.prototype, "answer", void 0);
+DepartmentOverviewSection = __decorate([
+    customElement('department-overview-section')
+], DepartmentOverviewSection);
+export { DepartmentOverviewSection };
+//# sourceMappingURL=department-360.js.map

package/dist-client/entity360/department-360.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"department-360.js","sourceRoot":"","sources":["../../client/entity360/department-360.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport {\n  entity360Name,\n  readEntity360Door,\n  registerEntity360Kind,\n  registerEntity360Section,\n  type Entity360DoorAnswer,\n  type Entity360Subject\n} from '@operato/layout'\n\ntype Department = {\n  id: string\n  controlNo?: string\n  name?: string\n  description?: string\n  active?: boolean\n  parent?: { id: string; name?: string; __typename?: string }\n  manager?: { name?: string }\n}\n\n/** A department is a shared organizational fact: it can open from a person's membership and from generic object cells. */\nexport function registerDepartmentKind() {\n  registerEntity360Kind({\n    kind: 'department',\n    typenames: ['Department'],\n    title: ({ value }) => value.name || value.controlNo || '',\n    context: ({ value }) => value.controlNo || ''\n  })\n\n  registerEntity360Section('department', {\n    name: 'overview',\n    order: 10,\n    render: subject => html`<department-overview-section .subject=${subject}></department-overview-section>`\n  })\n}\n\n@customElement('department-overview-section')\nexport class DepartmentOverviewSection extends LitElement {\n  static styles = css`\n    dl {\n      margin: 0;\n      display: grid;\n      grid-template-columns: max-content 1fr;\n      gap: 4px 12px;\n      font: 13px/1.5 sans-serif;\n    }\n    dt {\n      color: var(--md-sys-color-on-surface-variant);\n    }\n    dd {\n      margin: 0;\n      color: var(--md-sys-color-on-surface);\n      overflow-wrap: anywhere;\n    }\n  `\n\n  @property({ attribute: false }) subject?: Entity360Subject\n  @state() answer?: Entity360DoorAnswer<Department | undefined>\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('subject')) this.read()\n  }\n\n  private async read() {\n    const id = this.subject?.id\n    this.answer = undefined\n    if (!id) return\n\n    const response = await client.query({\n      query: gql`\n        query ($id: String!) {\n          department(id: $id) {\n            id\n            controlNo\n            name\n            description\n            active\n            parent {\n              id\n              __typename\n              name\n            }\n            manager {\n              name\n            }\n          }\n        }\n      `,\n      variables: { id }\n    })\n\n    if (this.subject?.id !== id) return\n    this.answer = readEntity360Door(response, data => data?.department)\n  }\n\n  render() {\n    const answer = this.answer\n    const department = answer?.data\n    const none = i18next.t('text.entity360-none', { defaultValue: 'none' })\n\n    return html`<ox-entity360-section\n      .heading=${i18next.t('title.department list', { defaultValue: 'department' })}\n      .state=${answer?.state ?? 'loading'}\n      .message=${answer?.message ?? ''}\n    >\n      ${\n        department\n          ? html`<dl>\n              <dt>${i18next.t('label.control-no')}</dt>\n              <dd>${department.controlNo || none}</dd>\n              <dt>${i18next.t('label.description')}</dt>\n              <dd>${department.description || none}</dd>\n              <dt>${i18next.t('label.department')}</dt>\n              <dd>${department.parent ? entity360Name(department.parent, department.parent.name || none) : none}</dd>\n              <dt>${i18next.t('label.manager')}</dt>\n              <dd>${department.manager?.name || none}</dd>\n            </dl>`\n          : ''\n      }\n    </ox-entity360-section>`\n  }\n}\n"]}

package/dist-client/entity360/person-membership-section.d.ts

@@ -13,7 +13,9 @@ type Membership = {
     name?: string;
     jobPosition?: string;
     department?: {
+        id: string;
         name?: string;
+        __typename?: string;
     };
     supervisor?: {
         name?: string;

package/dist-client/entity360/person-membership-section.js

@@ -4,7 +4,7 @@ import { css, html, LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { client } from '@operato/graphql';
 import { i18next } from '@operato/i18n';
-import { readEntity360Door, registerEntity360Section } from '@operato/layout';
+import { entity360Name, readEntity360Door, registerEntity360Section } from '@operato/layout';
 export function registerPersonMembershipSection() {
     registerEntity360Section('person', {
         name: 'membership',
@@ -53,6 +53,8 @@ let PersonMembershipSection = class PersonMembershipSection extends LitElement {
               name
               jobPosition
               department {
+                id
+                __typename
                 name
               }
               supervisor {
@@ -79,13 +81,13 @@ let PersonMembershipSection = class PersonMembershipSection extends LitElement {
       .message=${answer?.message ?? ''}
     >
       ${(answer?.data || []).map(one => html `<dl>
-          <dt>${i18next.t('label.department')}</dt>
-          <dd>${one.department?.name || none}</dd>
-          <dt>${i18next.t('label.job-position')}</dt>
-          <dd>${one.jobPosition || none}</dd>
-          <dt>${i18next.t('label.supervisor-person', { defaultValue: 'supervisor' })}</dt>
-          <dd>${one.supervisor?.name || none}</dd>
-        </dl>`)}
+            <dt>${i18next.t('label.department')}</dt>
+            <dd>${one.department ? entity360Name(one.department, one.department.name || none) : none}</dd>
+            <dt>${i18next.t('label.job-position')}</dt>
+            <dd>${one.jobPosition || none}</dd>
+            <dt>${i18next.t('label.supervisor-person', { defaultValue: 'supervisor' })}</dt>
+            <dd>${one.supervisor?.name || none}</dd>
+          </dl>`)}
     </ox-entity360-section>`;
     }
 };

package/dist-client/entity360/person-membership-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"person-membership-section.js","sourceRoot":"","sources":["../../client/entity360/person-membership-section.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { readEntity360Door, registerEntity360Section, type Entity360DoorAnswer, type Entity360Subject } from '@operato/layout'\n\n/**\n * The person 360's membership section (ADR-0067, design/ui/entity360-person.md §3): department,\n * position and supervisor, from the person's employee records in this domain.\n *\n * Read through `employees`, which asks `employee:query` - someone without it is told they may not\n * see this, never \"none\". A user can hold more than one employee record here (there is no unique\n * constraint on domain and user - `myEmployees` says why), so every record is shown.\n */\n\ntype Membership = {\n  id: string\n  name?: string\n  jobPosition?: string\n  department?: { name?: string }\n  supervisor?: { name?: string }\n}\n\nexport function registerPersonMembershipSection() {\n  registerEntity360Section('person', {\n    name: 'membership',\n    order: 10,\n    render: subject => html`<person-membership-section .subject=${subject}></person-membership-section>`\n  })\n}\n\n@customElement('person-membership-section')\nexport class PersonMembershipSection extends LitElement {\n  static styles = css`\n    dl {\n      margin: 0;\n      display: grid;\n      grid-template-columns: max-content 1fr;\n      gap: 4px 12px;\n      font: 13px/1.5 sans-serif;\n    }\n    dl + dl {\n      margin-top: 8px;\n      padding-top: 8px;\n      border-top: 1px dashed var(--md-sys-color-outline-variant);\n    }\n    dt {\n      color: var(--md-sys-color-on-surface-variant);\n    }\n    dd {\n      margin: 0;\n      color: var(--md-sys-color-on-surface);\n      overflow-wrap: anywhere;\n    }\n  `\n\n  @property({ attribute: false }) subject?: Entity360Subject\n  @state() answer?: Entity360DoorAnswer<Membership[]>\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('subject')) this.read()\n  }\n\n  private async read() {\n    const id = this.subject?.id\n    this.answer = undefined\n    if (!id) return\n\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!]) {\n          employees(filters: $filters) {\n            items {\n              id\n              name\n              jobPosition\n              department {\n                name\n              }\n              supervisor {\n                name\n              }\n            }\n          }\n        }\n      `,\n      variables: { filters: [{ name: 'userId', operator: 'eq', value: id }] }\n    })\n\n    /* A later subject may have arrived while this one was being read. */\n    if (this.subject?.id !== id) return\n    this.answer = readEntity360Door(response, data => data?.employees?.items || [])\n  }\n\n  render() {\n    const answer = this.answer\n    /* A blank field says 「없음」 in its own row - leaving it out would read as \"not asked\". */\n    const none = i18next.t('text.entity360-none', { defaultValue: 'none' })\n\n    return html`<ox-entity360-section\n      .heading=${i18next.t('title.person-membership', { defaultValue: 'membership' })}\n      .state=${answer?.state ?? 'loading'}\n      .message=${answer?.message ?? ''}\n    >\n      ${(answer?.data || []).map(\n        one => html`<dl>\n          <dt>${i18next.t('label.department')}</dt>\n          <dd>${one.department?.name || none}</dd>\n          <dt>${i18next.t('label.job-position')}</dt>\n          <dd>${one.jobPosition || none}</dd>\n          <dt>${i18next.t('label.supervisor-person', { defaultValue: 'supervisor' })}</dt>\n          <dd>${one.supervisor?.name || none}</dd>\n        </dl>`\n      )}\n    </ox-entity360-section>`\n  }\n}\n"]}
+{"version":3,"file":"person-membership-section.js","sourceRoot":"","sources":["../../client/entity360/person-membership-section.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport {\n  entity360Name,\n  readEntity360Door,\n  registerEntity360Section,\n  type Entity360DoorAnswer,\n  type Entity360Subject\n} from '@operato/layout'\n\n/**\n * The person 360's membership section (ADR-0067, design/ui/entity360-person.md §3): department,\n * position and supervisor, from the person's employee records in this domain.\n *\n * Read through `employees`, which asks `employee:query` - someone without it is told they may not\n * see this, never \"none\". A user can hold more than one employee record here (there is no unique\n * constraint on domain and user - `myEmployees` says why), so every record is shown.\n */\n\ntype Membership = {\n  id: string\n  name?: string\n  jobPosition?: string\n  department?: { id: string; name?: string; __typename?: string }\n  supervisor?: { name?: string }\n}\n\nexport function registerPersonMembershipSection() {\n  registerEntity360Section('person', {\n    name: 'membership',\n    order: 10,\n    render: subject => html`<person-membership-section .subject=${subject}></person-membership-section>`\n  })\n}\n\n@customElement('person-membership-section')\nexport class PersonMembershipSection extends LitElement {\n  static styles = css`\n    dl {\n      margin: 0;\n      display: grid;\n      grid-template-columns: max-content 1fr;\n      gap: 4px 12px;\n      font: 13px/1.5 sans-serif;\n    }\n    dl + dl {\n      margin-top: 8px;\n      padding-top: 8px;\n      border-top: 1px dashed var(--md-sys-color-outline-variant);\n    }\n    dt {\n      color: var(--md-sys-color-on-surface-variant);\n    }\n    dd {\n      margin: 0;\n      color: var(--md-sys-color-on-surface);\n      overflow-wrap: anywhere;\n    }\n  `\n\n  @property({ attribute: false }) subject?: Entity360Subject\n  @state() answer?: Entity360DoorAnswer<Membership[]>\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('subject')) this.read()\n  }\n\n  private async read() {\n    const id = this.subject?.id\n    this.answer = undefined\n    if (!id) return\n\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!]) {\n          employees(filters: $filters) {\n            items {\n              id\n              name\n              jobPosition\n              department {\n                id\n                __typename\n                name\n              }\n              supervisor {\n                name\n              }\n            }\n          }\n        }\n      `,\n      variables: { filters: [{ name: 'userId', operator: 'eq', value: id }] }\n    })\n\n    /* A later subject may have arrived while this one was being read. */\n    if (this.subject?.id !== id) return\n    this.answer = readEntity360Door(response, data => data?.employees?.items || [])\n  }\n\n  render() {\n    const answer = this.answer\n    /* A blank field says 「없음」 in its own row - leaving it out would read as \"not asked\". */\n    const none = i18next.t('text.entity360-none', { defaultValue: 'none' })\n\n    return html`<ox-entity360-section\n      .heading=${i18next.t('title.person-membership', { defaultValue: 'membership' })}\n      .state=${answer?.state ?? 'loading'}\n      .message=${answer?.message ?? ''}\n    >\n      ${(answer?.data || []).map(\n        one =>\n          html`<dl>\n            <dt>${i18next.t('label.department')}</dt>\n            <dd>${one.department ? entity360Name(one.department, one.department.name || none) : none}</dd>\n            <dt>${i18next.t('label.job-position')}</dt>\n            <dd>${one.jobPosition || none}</dd>\n            <dt>${i18next.t('label.supervisor-person', { defaultValue: 'supervisor' })}</dt>\n            <dd>${one.supervisor?.name || none}</dd>\n          </dl>`\n      )}\n    </ox-entity360-section>`\n  }\n}\n"]}

package/dist-client/grist-editor/grist-renderer-department-object.js

@@ -1,9 +1,10 @@
 import { html } from 'lit-html';
+import { entity360Name } from '@operato/layout';
 export const GristRendererDepartmentObject = (value, column, record, rowIndex, field) => {
     if (!value) {
         return '';
     }
     const { name, description } = value;
-    return html `<span>${name || ''}${(description && `(${description})`) || ''}</span> `;
+    return html `<span>${entity360Name(value, name || '')}${(description && `(${description})`) || ''}</span> `;
 };
 //# sourceMappingURL=grist-renderer-department-object.js.map

package/dist-client/grist-editor/grist-renderer-department-object.js.map

@@ -1 +1 @@
-{"version":3,"file":"grist-renderer-department-object.js","sourceRoot":"","sources":["../../client/grist-editor/grist-renderer-department-object.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAI/B,MAAM,CAAC,MAAM,6BAA6B,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IACrG,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,CAAA;IACX,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAEnC,OAAO,IAAI,CAAA,SAAS,IAAI,IAAI,EAAE,GAAG,CAAC,WAAW,IAAI,IAAI,WAAW,GAAG,CAAC,IAAI,EAAE,UAAU,CAAA;AACtF,CAAC,CAAA","sourcesContent":["import { html } from 'lit-html'\n\nimport { FieldRenderer } from '@operato/data-grist'\n\nexport const GristRendererDepartmentObject: FieldRenderer = (value, column, record, rowIndex, field) => {\n  if (!value) {\n    return ''\n  }\n\n  const { name, description } = value\n\n  return html`<span>${name || ''}${(description && `(${description})`) || ''}</span> `\n}\n"]}
+{"version":3,"file":"grist-renderer-department-object.js","sourceRoot":"","sources":["../../client/grist-editor/grist-renderer-department-object.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAG/B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,6BAA6B,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IACrG,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,CAAA;IACX,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAEnC,OAAO,IAAI,CAAA,SAAS,aAAa,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,GAAG,CAAC,WAAW,IAAI,IAAI,WAAW,GAAG,CAAC,IAAI,EAAE,UAAU,CAAA;AAC5G,CAAC,CAAA","sourcesContent":["import { html } from 'lit-html'\n\nimport { FieldRenderer } from '@operato/data-grist'\nimport { entity360Name } from '@operato/layout'\n\nexport const GristRendererDepartmentObject: FieldRenderer = (value, column, record, rowIndex, field) => {\n  if (!value) {\n    return ''\n  }\n\n  const { name, description } = value\n\n  return html`<span>${entity360Name(value, name || '')}${(description && `(${description})`) || ''}</span> `\n}\n"]}

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

@@ -594,6 +594,7 @@ let EmployeeListPage = class EmployeeListPage extends p13n(localize(i18next)(Sco
               }
               department {
                 id
+                __typename
                 controlNo
                 name
                 description

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

@@ -1 +1 @@
-{"version":3,"file":"employee-list-page.js","sourceRoot":"","sources":["../../../client/pages/employee/employee-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\nimport '@operato/data-tree'\nimport '@operato/list-state/ox-empty-note.js'\nimport '@operato/list-state/ox-page-state.js'\nimport '@things-factory/contact/dist-client'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { OxPrompt } from '@operato/popup'\nimport { Contact } from '@operato/contact/ox-contact.js'\nimport { DataGrist, FetchOption, GristRecord } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { PageView } from '@operato/shell'\nimport { CommonHeaderStyles, CommonGristStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { p13n } from '@operato/p13n'\n\nimport { Department } from '../../types/department'\nimport { EmployeeImporter } from './employee-importer'\n\n@customElement('employee-list-page')\nexport class EmployeeListPage extends p13n(localize(i18next)(ScopedElementsMixin(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      :host {\n        --ox-pfp-size: 40px;\n        --grid-record-emphasized-background-color: #8b0000;\n        --grid-record-emphasized-color: #ff6b6b;\n      }\n\n      .header {\n        grid-template-areas: 'filters';\n      }\n\n      /*\n       * The rail is how you narrow the list to one department; the list is the content\n       * (ADR-0060 decision 8, and the ruling of 2026-09-18 that folded the by-department screen\n       * into this one). It folds away, because a screen looking at everyone does not need it.\n       */\n      [body] {\n        flex: 1;\n        display: flex;\n        flex-direction: row;\n        min-height: 0;\n      }\n\n      [rail] {\n        display: flex;\n        flex-direction: column;\n        width: 240px;\n        min-width: 240px;\n        border-right: 1px solid var(--ui-line, var(--md-sys-color-outline-variant));\n        overflow: auto;\n      }\n\n      [rail][folded] {\n        display: none;\n      }\n\n      [rail-head] {\n        display: flex;\n        align-items: center;\n        gap: var(--spacing-small, 4px);\n        padding: var(--spacing-medium, 8px) var(--spacing-medium, 8px) 0;\n        font: var(--label-font, inherit);\n        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      }\n\n      /* The word keeps its line. Sharing the row with a filler let it shrink and break in half. */\n      [rail-head] > span {\n        flex: 0 0 auto;\n        white-space: nowrap;\n      }\n\n      [rail-head] button,\n      /*\n       * Going back to everyone. Picking a department narrows the list, and without this there is no\n       * way out of that except reloading the screen.\n       */\n      button[all-departments] {\n        width: calc(100% - 16px);\n        margin: 4px 8px;\n        padding: 6px 10px;\n        text-align: left;\n        border: 1px solid transparent;\n        border-radius: var(--md-sys-shape-corner-small, 6px);\n        background: transparent;\n        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n        font: inherit;\n        cursor: pointer;\n      }\n\n      button[all-departments][selected] {\n        background: var(--md-sys-color-secondary-container);\n        color: var(--md-sys-color-on-secondary-container);\n      }\n\n      [rail-toggle] {\n        display: flex;\n        align-items: center;\n        border: none;\n        background: transparent;\n        color: inherit;\n        cursor: pointer;\n        padding: 2px;\n      }\n\n      [rail-toggle] {\n        align-self: flex-start;\n        margin: var(--spacing-medium, 8px) 0 0 var(--spacing-small, 4px);\n      }\n\n      ox-tree {\n        flex: 1;\n        overflow: auto;\n      }\n\n      ox-grist {\n        flex: 1;\n        min-width: 0;\n      }\n\n      @media screen and (max-width: 780px) {\n        [rail] {\n          display: none;\n        }\n      }\n    `\n  ]\n\n  static get scopedElements() {\n    return { 'employee-importer': EmployeeImporter }\n  }\n\n  @property({ type: Object }) gristConfig: any\n  @property({ type: String }) mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'\n\n  @query('ox-grist') private grist!: DataGrist\n\n  /** The department tree, its selection, and whether the rail is showing. */\n  @state() private departments?: Department[]\n  @state() private selectedDepartment?: Department\n  @state() private departmentsLoaded = false\n  @state() private departmentsError: unknown = null\n  @state() private railFolded = false\n\n  get context() {\n    return {\n      title: i18next.t('title.employee list'),\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      help: 'organization/employee',\n      actions: [\n        { icon: 'save', title: i18next.t('button.save'), action: this.onUpdateEmployee.bind(this) },\n        {\n          icon: 'delete',\n          title: i18next.t('button.delete'),\n          action: this.onDeleteEmployee.bind(this),\n          emphasis: { danger: true }\n        }\n      ],\n      exportable: { name: i18next.t('title.employee list'), data: this.exportHandler.bind(this) },\n      importable: { handler: this.importHandler.bind(this) }\n    }\n  }\n\n  render() {\n    const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')\n\n    return html`\n      <div body class=\"page-fill\">\n        ${\n          this.railFolded\n            ? html`<button\n                rail-toggle\n                title=${i18next.t('title.department list')}\n                @click=${() => (this.railFolded = false)}\n              >\n                <md-icon>account_tree</md-icon>\n              </button>`\n            : html`<aside rail>\n                <div rail-head>\n                  <span>${i18next.t('title.department list')}</span>\n                  <div filler style=\"flex: 1\"></div>\n                  <button title=${i18next.t('label.fold')} @click=${() => (this.railFolded = true)}>\n                    <md-icon>chevron_left</md-icon>\n                  </button>\n                </div>\n                <ox-page-state\n                  .loading=${!this.departmentsLoaded && !this.departmentsError}\n                  .error=${this.departmentsError}\n                  @retry=${() => this.fetchDepartments()}\n                >\n                  ${\n                    this.departments?.length\n                      ? html`<button\n                            all-departments\n                            ?selected=${!this.selectedDepartment}\n                            @click=${() => this.onSelectDepartment(undefined)}\n                          >\n                            ${i18next.t('text.all departments')}\n                          </button>\n                          <ox-tree\n                            .data=${this.departments}\n                            .selected=${this.selectedDepartment}\n                            @select=${(e: CustomEvent) => this.onSelectDepartment(e.detail as Department)}\n                            id-property=\"controlNo\"\n                            label-property=\"name\"\n                          ></ox-tree>`\n                      : html`<ox-empty-note\n                          icon=\"account_tree\"\n                          title=${i18next.t('text.no departments yet')}\n                          description=${i18next.t('text.departments are made on the department screen')}\n                        ></ox-empty-note>`\n                  }\n                </ox-page-state>\n              </aside>`\n        }\n\n        <ox-grist\n          .mode=${mode}\n          .config=${this.gristConfig}\n          .fetchHandler=${this.fetchHandler.bind(this)}\n          .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')!}\n        >\n          <div slot=\"headroom\" class=\"header\">\n            <div class=\"filters\">\n              <ox-filters-form class=\"filter\" autofocus without-search></ox-filters-form>\n            </div>\n          </div>\n\n          <ox-grist-personalizer slot=\"setting\"></ox-grist-personalizer>\n        </ox-grist>\n      </div>\n    `\n  }\n\n  /**\n   * 트리에서 고른 부서가 목록의 부서 조건이다 — 조건은 하나고, 그것을 고르는 자리도 하나다.\n   */\n  private onSelectDepartment(department?: Department) {\n    this.selectedDepartment = department\n    this.grist?.fetch()\n    this.updateContext()\n  }\n\n  /**\n   * The departments the rail draws. departmentRoots answers with a list, and the tree draws from\n   * the first root - a fragment spread straight onto the list is refused by the server.\n   */\n  private async fetchDepartments() {\n    this.departmentsError = null\n\n    try {\n      const response = await client.query({\n        query: gql`\n          query {\n            responses: departmentRoots {\n              items {\n                ...EmployeeDepartmentFragment\n                children {\n                  ...EmployeeDepartmentFragment\n                  children {\n                    ...EmployeeDepartmentFragment\n                    children {\n                      ...EmployeeDepartmentFragment\n                      children {\n                        ...EmployeeDepartmentFragment\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n\n          fragment EmployeeDepartmentFragment on Department {\n            id\n            controlNo\n            name\n            description\n            active\n          }\n        `\n      })\n\n      if (response.errors?.length) {\n        throw response.errors[0]\n      }\n\n      /* Every root department, not just the first - the rail draws an array. */\n      this.departments = response.data.responses?.items\n      this.departmentsLoaded = true\n    } catch (error) {\n      this.departmentsError = error\n    }\n  }\n\n  async pageInitialized(lifecycle: any) {\n    this.gristConfig = {\n      pagination: { pages: [50, 100, 200] },\n      list: {\n        thumbnail: 'profile',\n        fields: ['controlNo', 'name'],\n        details: ['email', 'department', 'hiredOn', 'updatedAt']\n      },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence', fixed: true },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true, fixed: true },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          header: i18next.t('field.register-account'),\n          icon: record => (record.id && !record.user ? 'badge' : ''),\n          iconOnly: false,\n          title: record => (record.id && !record.user ? i18next.t('button.register-account') : ''),\n          width: 80,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              if (!record || !record.id || record.user) {\n                return\n              }\n\n              this.attachSystemUser(record)\n            }\n          }\n        },\n        {\n          type: 'image',\n          name: 'profile',\n          header: i18next.t('button.edit-contact'),\n          width: 80,\n          record: {\n            align: 'center',\n            renderer: function (value, column, record, rowIndex, field) {\n              return html`<ox-pfp-view .profile=${record.profile} .name=${record.name || '+'}></ox-pfp-view>`\n            }\n          },\n          handlers: {\n            click: async (columns, data, column, record, rowIndex) => {\n              if (record && record.contact) {\n                this.openContactPopup(record)\n              } else {\n                this.openContactSelector(record)\n              }\n            }\n          }\n        },\n        {\n          type: 'string',\n          name: 'controlNo',\n          fixed: true,\n          header: i18next.t('field.control-no'),\n          record: { editable: true, mandatory: true },\n          filter: 'search',\n          sortable: true,\n          width: 105\n        },\n        {\n          type: 'string',\n          name: 'name',\n          fixed: true,\n          header: i18next.t('field.name'),\n          record: { editable: true, mandatory: true },\n          filter: 'search',\n          sortable: true,\n          width: 100\n        },\n        {\n          type: 'string',\n          name: 'alias',\n          header: i18next.t('label.alias'),\n          record: { editable: true },\n          filter: 'search',\n          sortable: false,\n          width: 110\n        },\n        {\n          type: 'resource-object',\n          name: 'user',\n          header: i18next.t('field.system-user'),\n          record: {\n            editable: true,\n            options: {\n              title: i18next.t('title.lookup system-user'),\n              queryName: 'users',\n              basicArgs: { filters: [{ name: 'userType', operator: 'eq', value: 'user' }] },\n              descriptionField: 'email',\n              columns: [\n                { name: 'id', hidden: true },\n                { name: 'name', header: i18next.t('field.name'), filter: 'search' },\n                { name: 'email', header: i18next.t('field.email'), filter: 'search' }\n              ],\n              list: { fields: ['name', 'email'] }\n            }\n          },\n          sortable: false,\n          filter: 'search',\n          width: 100\n        },\n        {\n          type: 'code',\n          name: 'type',\n          header: i18next.t('field.type', { defaultValue: 'type' }),\n          width: 115,\n          sortable: true,\n          filter: true,\n          record: { editable: true, codeName: 'EMPLOYEE_TYPE', selectDispOpt: 'name' }\n        },\n        {\n          type: 'department-object',\n          name: 'department',\n          header: i18next.t('field.department'),\n          record: { editable: true },\n          sortable: false,\n          /* The rail narrows by department; a second department field here would be the same condition twice. */\n          filter: false,\n          width: 130\n        },\n        {\n          type: 'resource-object',\n          name: 'supervisor',\n          header: i18next.t('field.supervisor'),\n          record: {\n            editable: true,\n            options: {\n              title: i18next.t('title.employee list'),\n              queryName: 'employees',\n              pagination: { pages: [50, 100, 200] },\n              basicArgs: { filters: [{ name: 'active', operator: 'eq', value: true }] },\n              list: { fields: ['controlNo', 'name', 'alias', 'hiredOn'] },\n              columns: [\n                { name: 'id', hidden: true },\n                {\n                  name: 'controlNo',\n                  width: 120,\n                  header: { renderer: () => i18next.t('field.control-no') },\n                  filter: 'search',\n                  sortable: true\n                },\n                {\n                  name: 'name',\n                  width: 120,\n                  header: { renderer: () => i18next.t('field.name') },\n                  filter: 'search',\n                  sortable: true\n                },\n                {\n                  name: 'alias',\n                  width: 150,\n                  header: { renderer: () => i18next.t('label.alias') },\n                  filter: 'search',\n                  sortable: true\n                },\n                {\n                  type: 'code',\n                  name: 'type',\n                  width: 110,\n                  header: { renderer: () => i18next.t('label.type', { defaultValue: 'type' }) },\n                  record: { editable: false, codeName: 'EMPLOYEE_TYPE', selectDispOpt: 'name' }\n                },\n                {\n                  type: 'code',\n                  name: 'jobPosition',\n                  width: 110,\n                  header: { renderer: () => i18next.t('label.job-position') },\n                  record: { editable: false, codeName: 'JOB_POSITION', selectDispOpt: 'name' }\n                },\n                {\n                  type: 'code',\n                  name: 'jobResponsibility',\n                  width: 200,\n                  header: { renderer: () => i18next.t('label.job-responsibility') },\n                  record: { editable: false, codeName: 'JOB_RESPONSIBILITY', selectDispOpt: 'name' }\n                },\n                { type: 'date', name: 'hiredOn', header: { renderer: () => i18next.t('field.hired-on') }, width: 120 }\n              ],\n              valueField: 'id',\n              nameField: 'name',\n              descriptionField: 'controlNo'\n            }\n          },\n          sortable: false,\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'email',\n          header: i18next.t('field.email'),\n          width: 200,\n          record: {\n            editable: false,\n            renderer: function (value, column, record, rowIndex, field) {\n              return record.contact ? record.contact.email : ''\n            }\n          },\n          sortable: false\n        },\n        {\n          type: 'string',\n          name: 'phone',\n          header: i18next.t('field.phone'),\n          width: 130,\n          record: {\n            editable: false,\n            renderer: function (value, column, record, rowIndex, field) {\n              return record.contact ? record.contact.phone : ''\n            }\n          },\n          sortable: false\n        },\n        {\n          type: 'code',\n          name: 'jobResponsibility',\n          header: i18next.t('label.job-responsibility'),\n          width: 175,\n          record: { editable: true, codeName: 'JOB_RESPONSIBILITY', selectDispOpt: 'name' },\n          filter: true\n        },\n        {\n          type: 'code',\n          name: 'jobPosition',\n          header: i18next.t('label.job-position'),\n          width: 100,\n          record: { editable: true, codeName: 'JOB_POSITION', selectDispOpt: 'name' },\n          filter: true\n        },\n        {\n          type: 'date',\n          name: 'hiredOn',\n          header: i18next.t('field.hired-on'),\n          width: 120,\n          record: { editable: true },\n          sortable: true\n        },\n        {\n          type: 'date',\n          name: 'retiredOn',\n          header: i18next.t('label.retired-at'),\n          width: 120,\n          record: { editable: true }\n        },\n        {\n          type: 'checkbox',\n          name: 'active',\n          label: true,\n          header: i18next.t('field.active'),\n          width: 70,\n          record: { align: 'center', editable: true },\n          filter: true,\n          sortable: false\n        },\n        {\n          type: 'string',\n          name: 'note',\n          header: i18next.t('field.note'),\n          width: 200,\n          record: { editable: true },\n          filter: 'search'\n        },\n        { type: 'resource-object', name: 'updater', header: i18next.t('field.updater'), width: 90, sortable: false },\n        { type: 'datetime', name: 'updatedAt', header: i18next.t('field.updated_at'), width: 180, sortable: true },\n        { type: 'resource-object', name: 'contact', hidden: true }\n      ],\n      rows: { selectable: { multiple: true } },\n      sorters: [{ name: 'controlNo' }]\n    }\n\n    this.fetchDepartments()\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (this.active) {\n      // do something here when this page just became as active\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n    /* The rail's selection is the department condition; nothing else sets one. */\n    if (this.selectedDepartment) {\n      filters = [...filters, { name: 'departmentId', operator: 'eq', value: this.selectedDepartment.id }]\n    }\n\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: employees(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              controlNo\n              name\n              alias\n              type\n              jobResponsibility\n              jobPosition\n              active\n              email\n              phone\n              user {\n                id\n                name\n              }\n              department {\n                id\n                controlNo\n                name\n                description\n              }\n              supervisor {\n                id\n                name\n                controlNo\n              }\n              note\n              hiredOn\n              retiredOn\n              contact {\n                id\n                email\n                phone\n                address\n              }\n              profile {\n                left\n                top\n                zoom\n                picture\n              }\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      `,\n      variables: { filters, pagination: { page, limit }, sortings }\n    })\n\n    const records = response.data.responses.items\n\n    return { total: response.data.responses.total || 0, records }\n  }\n\n  async onDeleteEmployee() {\n    if (await OxPrompt.confirmDelete({ count: this.grist?.selected?.length })) {\n      const ids = this.grist.selected.map(record => record.id)\n      if (ids && ids.length > 0) {\n        const response = await client.mutate({\n          mutation: gql`\n            mutation ($ids: [String!]!) {\n              deleteEmployees(ids: $ids)\n            }\n          `,\n          variables: { ids }\n        })\n\n        if (!response.errors) {\n          this.grist.fetch()\n          notify({ message: i18next.t('text.deleted') })\n        }\n      }\n    }\n  }\n\n  async onUpdateEmployee() {\n    let patches = this.grist.dirtyRecords\n    if (patches && patches.length) {\n      patches = patches.map(patch => {\n        let patchField: any = patch.id ? { id: patch.id } : {}\n        const dirtyFields = patch.__dirtyfields__\n        for (let key in dirtyFields) {\n          patchField[key] = dirtyFields[key].after\n        }\n        patchField.cuFlag = patch.__dirty__\n\n        return patchField\n      })\n\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($patches: [EmployeePatch!]!) {\n            updateMultipleEmployee(patches: $patches) {\n              name\n            }\n          }\n        `,\n        variables: { patches }\n      })\n\n      if (!response.errors) {\n        this.grist.fetch()\n      }\n    }\n  }\n\n  async exportHandler() {\n    const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records\n    const targetFieldSet = new Set([\n      'id',\n      'controlNo',\n      'name',\n      'alias',\n      'type',\n      'hiredOn',\n      'retiredOn',\n      'active',\n      'note'\n    ])\n\n    return exportTargets.map(employee => {\n      let tempObj = {}\n      for (const field of targetFieldSet) {\n        tempObj[field] = employee[field]\n      }\n\n      return tempObj\n    })\n  }\n\n  async importHandler(records) {\n    const popup = openPopup(\n      html`\n        <employee-importer\n          .employees=${records}\n          @imported=${() => {\n            history.back()\n            this.grist.fetch()\n          }}\n        ></employee-importer>\n      `,\n      { backdrop: true, size: 'large', title: i18next.t('title.import employee') }\n    )\n\n    popup.onclosed = () => {\n      this.grist.fetch()\n    }\n  }\n\n  async openContactPopup(record: GristRecord) {\n    if (!record.contact?.id) {\n      return\n    }\n\n    const popup = openPopup(\n      html`\n        <contact-popup\n          .contactId=${record.contact.id}\n          @change=${() => {\n            this.grist.fetch()\n          }}\n          @detach=${() => {\n            this.detachContact(record)\n          }}\n          detachable\n        ></contact-popup>\n      `,\n      { backdrop: true, size: 'large', title: i18next.t('title.contact') }\n    )\n  }\n\n  async openContactSelector(record: GristRecord) {\n    const popup = openPopup(\n      html`\n        <contact-selector .confirmCallback=${selected => this.attachContact(record, selected)}></contact-selector>\n      `,\n      { backdrop: true, size: 'large', title: i18next.t('title.contact') }\n    )\n  }\n\n  async attachContact(record: GristRecord, contact: Contact) {\n    if (record.id) {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!, $contactId: String!) {\n            attachContact(id: $id, contactId: $contactId) {\n              id\n            }\n          }\n        `,\n        variables: { id: record.id, contactId: contact.id }\n      })\n\n      this.grist.fetch()\n    } else if (contact?.id) {\n      this.grist.addRecord({\n        name: contact.name,\n        contact: {\n          id: contact.id,\n          name: contact.name,\n          email: (contact as any).email,\n          phone: (contact as any).phone,\n          address: (contact as any).address\n        }\n      })\n      this.grist.refresh()\n      await this.grist.requestUpdate()\n\n      this.grist.checkDirties()\n    }\n  }\n\n  async detachContact(record) {\n    if (record.id) {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!) {\n            detachContact(id: $id) {\n              id\n            }\n          }\n        `,\n        variables: { id: record.id }\n      })\n\n      this.grist.fetch()\n    } else {\n      record.contact = null\n      this.grist.refresh()\n    }\n  }\n\n  async attachSystemUser(record) {\n    if (!record.user) {\n      await client.mutate({\n        mutation: gql`\n          mutation ($employeeId: String!) {\n            registerEmployeeAsSystemUser(employeeId: $employeeId)\n          }\n        `,\n        variables: { employeeId: record.id }\n      })\n    }\n\n    this.grist.fetch()\n  }\n}\n"]}
+{"version":3,"file":"employee-list-page.js","sourceRoot":"","sources":["../../../client/pages/employee/employee-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\nimport '@operato/data-tree'\nimport '@operato/list-state/ox-empty-note.js'\nimport '@operato/list-state/ox-page-state.js'\nimport '@things-factory/contact/dist-client'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { OxPrompt } from '@operato/popup'\nimport { Contact } from '@operato/contact/ox-contact.js'\nimport { DataGrist, FetchOption, GristRecord } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { PageView } from '@operato/shell'\nimport { CommonHeaderStyles, CommonGristStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { p13n } from '@operato/p13n'\n\nimport { Department } from '../../types/department'\nimport { EmployeeImporter } from './employee-importer'\n\n@customElement('employee-list-page')\nexport class EmployeeListPage extends p13n(localize(i18next)(ScopedElementsMixin(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      :host {\n        --ox-pfp-size: 40px;\n        --grid-record-emphasized-background-color: #8b0000;\n        --grid-record-emphasized-color: #ff6b6b;\n      }\n\n      .header {\n        grid-template-areas: 'filters';\n      }\n\n      /*\n       * The rail is how you narrow the list to one department; the list is the content\n       * (ADR-0060 decision 8, and the ruling of 2026-09-18 that folded the by-department screen\n       * into this one). It folds away, because a screen looking at everyone does not need it.\n       */\n      [body] {\n        flex: 1;\n        display: flex;\n        flex-direction: row;\n        min-height: 0;\n      }\n\n      [rail] {\n        display: flex;\n        flex-direction: column;\n        width: 240px;\n        min-width: 240px;\n        border-right: 1px solid var(--ui-line, var(--md-sys-color-outline-variant));\n        overflow: auto;\n      }\n\n      [rail][folded] {\n        display: none;\n      }\n\n      [rail-head] {\n        display: flex;\n        align-items: center;\n        gap: var(--spacing-small, 4px);\n        padding: var(--spacing-medium, 8px) var(--spacing-medium, 8px) 0;\n        font: var(--label-font, inherit);\n        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      }\n\n      /* The word keeps its line. Sharing the row with a filler let it shrink and break in half. */\n      [rail-head] > span {\n        flex: 0 0 auto;\n        white-space: nowrap;\n      }\n\n      [rail-head] button,\n      /*\n       * Going back to everyone. Picking a department narrows the list, and without this there is no\n       * way out of that except reloading the screen.\n       */\n      button[all-departments] {\n        width: calc(100% - 16px);\n        margin: 4px 8px;\n        padding: 6px 10px;\n        text-align: left;\n        border: 1px solid transparent;\n        border-radius: var(--md-sys-shape-corner-small, 6px);\n        background: transparent;\n        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n        font: inherit;\n        cursor: pointer;\n      }\n\n      button[all-departments][selected] {\n        background: var(--md-sys-color-secondary-container);\n        color: var(--md-sys-color-on-secondary-container);\n      }\n\n      [rail-toggle] {\n        display: flex;\n        align-items: center;\n        border: none;\n        background: transparent;\n        color: inherit;\n        cursor: pointer;\n        padding: 2px;\n      }\n\n      [rail-toggle] {\n        align-self: flex-start;\n        margin: var(--spacing-medium, 8px) 0 0 var(--spacing-small, 4px);\n      }\n\n      ox-tree {\n        flex: 1;\n        overflow: auto;\n      }\n\n      ox-grist {\n        flex: 1;\n        min-width: 0;\n      }\n\n      @media screen and (max-width: 780px) {\n        [rail] {\n          display: none;\n        }\n      }\n    `\n  ]\n\n  static get scopedElements() {\n    return { 'employee-importer': EmployeeImporter }\n  }\n\n  @property({ type: Object }) gristConfig: any\n  @property({ type: String }) mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'\n\n  @query('ox-grist') private grist!: DataGrist\n\n  /** The department tree, its selection, and whether the rail is showing. */\n  @state() private departments?: Department[]\n  @state() private selectedDepartment?: Department\n  @state() private departmentsLoaded = false\n  @state() private departmentsError: unknown = null\n  @state() private railFolded = false\n\n  get context() {\n    return {\n      title: i18next.t('title.employee list'),\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      help: 'organization/employee',\n      actions: [\n        { icon: 'save', title: i18next.t('button.save'), action: this.onUpdateEmployee.bind(this) },\n        {\n          icon: 'delete',\n          title: i18next.t('button.delete'),\n          action: this.onDeleteEmployee.bind(this),\n          emphasis: { danger: true }\n        }\n      ],\n      exportable: { name: i18next.t('title.employee list'), data: this.exportHandler.bind(this) },\n      importable: { handler: this.importHandler.bind(this) }\n    }\n  }\n\n  render() {\n    const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')\n\n    return html`\n      <div body class=\"page-fill\">\n        ${\n          this.railFolded\n            ? html`<button\n                rail-toggle\n                title=${i18next.t('title.department list')}\n                @click=${() => (this.railFolded = false)}\n              >\n                <md-icon>account_tree</md-icon>\n              </button>`\n            : html`<aside rail>\n                <div rail-head>\n                  <span>${i18next.t('title.department list')}</span>\n                  <div filler style=\"flex: 1\"></div>\n                  <button title=${i18next.t('label.fold')} @click=${() => (this.railFolded = true)}>\n                    <md-icon>chevron_left</md-icon>\n                  </button>\n                </div>\n                <ox-page-state\n                  .loading=${!this.departmentsLoaded && !this.departmentsError}\n                  .error=${this.departmentsError}\n                  @retry=${() => this.fetchDepartments()}\n                >\n                  ${\n                    this.departments?.length\n                      ? html`<button\n                            all-departments\n                            ?selected=${!this.selectedDepartment}\n                            @click=${() => this.onSelectDepartment(undefined)}\n                          >\n                            ${i18next.t('text.all departments')}\n                          </button>\n                          <ox-tree\n                            .data=${this.departments}\n                            .selected=${this.selectedDepartment}\n                            @select=${(e: CustomEvent) => this.onSelectDepartment(e.detail as Department)}\n                            id-property=\"controlNo\"\n                            label-property=\"name\"\n                          ></ox-tree>`\n                      : html`<ox-empty-note\n                          icon=\"account_tree\"\n                          title=${i18next.t('text.no departments yet')}\n                          description=${i18next.t('text.departments are made on the department screen')}\n                        ></ox-empty-note>`\n                  }\n                </ox-page-state>\n              </aside>`\n        }\n\n        <ox-grist\n          .mode=${mode}\n          .config=${this.gristConfig}\n          .fetchHandler=${this.fetchHandler.bind(this)}\n          .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')!}\n        >\n          <div slot=\"headroom\" class=\"header\">\n            <div class=\"filters\">\n              <ox-filters-form class=\"filter\" autofocus without-search></ox-filters-form>\n            </div>\n          </div>\n\n          <ox-grist-personalizer slot=\"setting\"></ox-grist-personalizer>\n        </ox-grist>\n      </div>\n    `\n  }\n\n  /**\n   * 트리에서 고른 부서가 목록의 부서 조건이다 — 조건은 하나고, 그것을 고르는 자리도 하나다.\n   */\n  private onSelectDepartment(department?: Department) {\n    this.selectedDepartment = department\n    this.grist?.fetch()\n    this.updateContext()\n  }\n\n  /**\n   * The departments the rail draws. departmentRoots answers with a list, and the tree draws from\n   * the first root - a fragment spread straight onto the list is refused by the server.\n   */\n  private async fetchDepartments() {\n    this.departmentsError = null\n\n    try {\n      const response = await client.query({\n        query: gql`\n          query {\n            responses: departmentRoots {\n              items {\n                ...EmployeeDepartmentFragment\n                children {\n                  ...EmployeeDepartmentFragment\n                  children {\n                    ...EmployeeDepartmentFragment\n                    children {\n                      ...EmployeeDepartmentFragment\n                      children {\n                        ...EmployeeDepartmentFragment\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n\n          fragment EmployeeDepartmentFragment on Department {\n            id\n            controlNo\n            name\n            description\n            active\n          }\n        `\n      })\n\n      if (response.errors?.length) {\n        throw response.errors[0]\n      }\n\n      /* Every root department, not just the first - the rail draws an array. */\n      this.departments = response.data.responses?.items\n      this.departmentsLoaded = true\n    } catch (error) {\n      this.departmentsError = error\n    }\n  }\n\n  async pageInitialized(lifecycle: any) {\n    this.gristConfig = {\n      pagination: { pages: [50, 100, 200] },\n      list: {\n        thumbnail: 'profile',\n        fields: ['controlNo', 'name'],\n        details: ['email', 'department', 'hiredOn', 'updatedAt']\n      },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence', fixed: true },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true, fixed: true },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          header: i18next.t('field.register-account'),\n          icon: record => (record.id && !record.user ? 'badge' : ''),\n          iconOnly: false,\n          title: record => (record.id && !record.user ? i18next.t('button.register-account') : ''),\n          width: 80,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              if (!record || !record.id || record.user) {\n                return\n              }\n\n              this.attachSystemUser(record)\n            }\n          }\n        },\n        {\n          type: 'image',\n          name: 'profile',\n          header: i18next.t('button.edit-contact'),\n          width: 80,\n          record: {\n            align: 'center',\n            renderer: function (value, column, record, rowIndex, field) {\n              return html`<ox-pfp-view .profile=${record.profile} .name=${record.name || '+'}></ox-pfp-view>`\n            }\n          },\n          handlers: {\n            click: async (columns, data, column, record, rowIndex) => {\n              if (record && record.contact) {\n                this.openContactPopup(record)\n              } else {\n                this.openContactSelector(record)\n              }\n            }\n          }\n        },\n        {\n          type: 'string',\n          name: 'controlNo',\n          fixed: true,\n          header: i18next.t('field.control-no'),\n          record: { editable: true, mandatory: true },\n          filter: 'search',\n          sortable: true,\n          width: 105\n        },\n        {\n          type: 'string',\n          name: 'name',\n          fixed: true,\n          header: i18next.t('field.name'),\n          record: { editable: true, mandatory: true },\n          filter: 'search',\n          sortable: true,\n          width: 100\n        },\n        {\n          type: 'string',\n          name: 'alias',\n          header: i18next.t('label.alias'),\n          record: { editable: true },\n          filter: 'search',\n          sortable: false,\n          width: 110\n        },\n        {\n          type: 'resource-object',\n          name: 'user',\n          header: i18next.t('field.system-user'),\n          record: {\n            editable: true,\n            options: {\n              title: i18next.t('title.lookup system-user'),\n              queryName: 'users',\n              basicArgs: { filters: [{ name: 'userType', operator: 'eq', value: 'user' }] },\n              descriptionField: 'email',\n              columns: [\n                { name: 'id', hidden: true },\n                { name: 'name', header: i18next.t('field.name'), filter: 'search' },\n                { name: 'email', header: i18next.t('field.email'), filter: 'search' }\n              ],\n              list: { fields: ['name', 'email'] }\n            }\n          },\n          sortable: false,\n          filter: 'search',\n          width: 100\n        },\n        {\n          type: 'code',\n          name: 'type',\n          header: i18next.t('field.type', { defaultValue: 'type' }),\n          width: 115,\n          sortable: true,\n          filter: true,\n          record: { editable: true, codeName: 'EMPLOYEE_TYPE', selectDispOpt: 'name' }\n        },\n        {\n          type: 'department-object',\n          name: 'department',\n          header: i18next.t('field.department'),\n          record: { editable: true },\n          sortable: false,\n          /* The rail narrows by department; a second department field here would be the same condition twice. */\n          filter: false,\n          width: 130\n        },\n        {\n          type: 'resource-object',\n          name: 'supervisor',\n          header: i18next.t('field.supervisor'),\n          record: {\n            editable: true,\n            options: {\n              title: i18next.t('title.employee list'),\n              queryName: 'employees',\n              pagination: { pages: [50, 100, 200] },\n              basicArgs: { filters: [{ name: 'active', operator: 'eq', value: true }] },\n              list: { fields: ['controlNo', 'name', 'alias', 'hiredOn'] },\n              columns: [\n                { name: 'id', hidden: true },\n                {\n                  name: 'controlNo',\n                  width: 120,\n                  header: { renderer: () => i18next.t('field.control-no') },\n                  filter: 'search',\n                  sortable: true\n                },\n                {\n                  name: 'name',\n                  width: 120,\n                  header: { renderer: () => i18next.t('field.name') },\n                  filter: 'search',\n                  sortable: true\n                },\n                {\n                  name: 'alias',\n                  width: 150,\n                  header: { renderer: () => i18next.t('label.alias') },\n                  filter: 'search',\n                  sortable: true\n                },\n                {\n                  type: 'code',\n                  name: 'type',\n                  width: 110,\n                  header: { renderer: () => i18next.t('label.type', { defaultValue: 'type' }) },\n                  record: { editable: false, codeName: 'EMPLOYEE_TYPE', selectDispOpt: 'name' }\n                },\n                {\n                  type: 'code',\n                  name: 'jobPosition',\n                  width: 110,\n                  header: { renderer: () => i18next.t('label.job-position') },\n                  record: { editable: false, codeName: 'JOB_POSITION', selectDispOpt: 'name' }\n                },\n                {\n                  type: 'code',\n                  name: 'jobResponsibility',\n                  width: 200,\n                  header: { renderer: () => i18next.t('label.job-responsibility') },\n                  record: { editable: false, codeName: 'JOB_RESPONSIBILITY', selectDispOpt: 'name' }\n                },\n                { type: 'date', name: 'hiredOn', header: { renderer: () => i18next.t('field.hired-on') }, width: 120 }\n              ],\n              valueField: 'id',\n              nameField: 'name',\n              descriptionField: 'controlNo'\n            }\n          },\n          sortable: false,\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'email',\n          header: i18next.t('field.email'),\n          width: 200,\n          record: {\n            editable: false,\n            renderer: function (value, column, record, rowIndex, field) {\n              return record.contact ? record.contact.email : ''\n            }\n          },\n          sortable: false\n        },\n        {\n          type: 'string',\n          name: 'phone',\n          header: i18next.t('field.phone'),\n          width: 130,\n          record: {\n            editable: false,\n            renderer: function (value, column, record, rowIndex, field) {\n              return record.contact ? record.contact.phone : ''\n            }\n          },\n          sortable: false\n        },\n        {\n          type: 'code',\n          name: 'jobResponsibility',\n          header: i18next.t('label.job-responsibility'),\n          width: 175,\n          record: { editable: true, codeName: 'JOB_RESPONSIBILITY', selectDispOpt: 'name' },\n          filter: true\n        },\n        {\n          type: 'code',\n          name: 'jobPosition',\n          header: i18next.t('label.job-position'),\n          width: 100,\n          record: { editable: true, codeName: 'JOB_POSITION', selectDispOpt: 'name' },\n          filter: true\n        },\n        {\n          type: 'date',\n          name: 'hiredOn',\n          header: i18next.t('field.hired-on'),\n          width: 120,\n          record: { editable: true },\n          sortable: true\n        },\n        {\n          type: 'date',\n          name: 'retiredOn',\n          header: i18next.t('label.retired-at'),\n          width: 120,\n          record: { editable: true }\n        },\n        {\n          type: 'checkbox',\n          name: 'active',\n          label: true,\n          header: i18next.t('field.active'),\n          width: 70,\n          record: { align: 'center', editable: true },\n          filter: true,\n          sortable: false\n        },\n        {\n          type: 'string',\n          name: 'note',\n          header: i18next.t('field.note'),\n          width: 200,\n          record: { editable: true },\n          filter: 'search'\n        },\n        { type: 'resource-object', name: 'updater', header: i18next.t('field.updater'), width: 90, sortable: false },\n        { type: 'datetime', name: 'updatedAt', header: i18next.t('field.updated_at'), width: 180, sortable: true },\n        { type: 'resource-object', name: 'contact', hidden: true }\n      ],\n      rows: { selectable: { multiple: true } },\n      sorters: [{ name: 'controlNo' }]\n    }\n\n    this.fetchDepartments()\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (this.active) {\n      // do something here when this page just became as active\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n    /* The rail's selection is the department condition; nothing else sets one. */\n    if (this.selectedDepartment) {\n      filters = [...filters, { name: 'departmentId', operator: 'eq', value: this.selectedDepartment.id }]\n    }\n\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: employees(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              controlNo\n              name\n              alias\n              type\n              jobResponsibility\n              jobPosition\n              active\n              email\n              phone\n              user {\n                id\n                name\n              }\n              department {\n                id\n                __typename\n                controlNo\n                name\n                description\n              }\n              supervisor {\n                id\n                name\n                controlNo\n              }\n              note\n              hiredOn\n              retiredOn\n              contact {\n                id\n                email\n                phone\n                address\n              }\n              profile {\n                left\n                top\n                zoom\n                picture\n              }\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      `,\n      variables: { filters, pagination: { page, limit }, sortings }\n    })\n\n    const records = response.data.responses.items\n\n    return { total: response.data.responses.total || 0, records }\n  }\n\n  async onDeleteEmployee() {\n    if (await OxPrompt.confirmDelete({ count: this.grist?.selected?.length })) {\n      const ids = this.grist.selected.map(record => record.id)\n      if (ids && ids.length > 0) {\n        const response = await client.mutate({\n          mutation: gql`\n            mutation ($ids: [String!]!) {\n              deleteEmployees(ids: $ids)\n            }\n          `,\n          variables: { ids }\n        })\n\n        if (!response.errors) {\n          this.grist.fetch()\n          notify({ message: i18next.t('text.deleted') })\n        }\n      }\n    }\n  }\n\n  async onUpdateEmployee() {\n    let patches = this.grist.dirtyRecords\n    if (patches && patches.length) {\n      patches = patches.map(patch => {\n        let patchField: any = patch.id ? { id: patch.id } : {}\n        const dirtyFields = patch.__dirtyfields__\n        for (let key in dirtyFields) {\n          patchField[key] = dirtyFields[key].after\n        }\n        patchField.cuFlag = patch.__dirty__\n\n        return patchField\n      })\n\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($patches: [EmployeePatch!]!) {\n            updateMultipleEmployee(patches: $patches) {\n              name\n            }\n          }\n        `,\n        variables: { patches }\n      })\n\n      if (!response.errors) {\n        this.grist.fetch()\n      }\n    }\n  }\n\n  async exportHandler() {\n    const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records\n    const targetFieldSet = new Set([\n      'id',\n      'controlNo',\n      'name',\n      'alias',\n      'type',\n      'hiredOn',\n      'retiredOn',\n      'active',\n      'note'\n    ])\n\n    return exportTargets.map(employee => {\n      let tempObj = {}\n      for (const field of targetFieldSet) {\n        tempObj[field] = employee[field]\n      }\n\n      return tempObj\n    })\n  }\n\n  async importHandler(records) {\n    const popup = openPopup(\n      html`\n        <employee-importer\n          .employees=${records}\n          @imported=${() => {\n            history.back()\n            this.grist.fetch()\n          }}\n        ></employee-importer>\n      `,\n      { backdrop: true, size: 'large', title: i18next.t('title.import employee') }\n    )\n\n    popup.onclosed = () => {\n      this.grist.fetch()\n    }\n  }\n\n  async openContactPopup(record: GristRecord) {\n    if (!record.contact?.id) {\n      return\n    }\n\n    const popup = openPopup(\n      html`\n        <contact-popup\n          .contactId=${record.contact.id}\n          @change=${() => {\n            this.grist.fetch()\n          }}\n          @detach=${() => {\n            this.detachContact(record)\n          }}\n          detachable\n        ></contact-popup>\n      `,\n      { backdrop: true, size: 'large', title: i18next.t('title.contact') }\n    )\n  }\n\n  async openContactSelector(record: GristRecord) {\n    const popup = openPopup(\n      html`\n        <contact-selector .confirmCallback=${selected => this.attachContact(record, selected)}></contact-selector>\n      `,\n      { backdrop: true, size: 'large', title: i18next.t('title.contact') }\n    )\n  }\n\n  async attachContact(record: GristRecord, contact: Contact) {\n    if (record.id) {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!, $contactId: String!) {\n            attachContact(id: $id, contactId: $contactId) {\n              id\n            }\n          }\n        `,\n        variables: { id: record.id, contactId: contact.id }\n      })\n\n      this.grist.fetch()\n    } else if (contact?.id) {\n      this.grist.addRecord({\n        name: contact.name,\n        contact: {\n          id: contact.id,\n          name: contact.name,\n          email: (contact as any).email,\n          phone: (contact as any).phone,\n          address: (contact as any).address\n        }\n      })\n      this.grist.refresh()\n      await this.grist.requestUpdate()\n\n      this.grist.checkDirties()\n    }\n  }\n\n  async detachContact(record) {\n    if (record.id) {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!) {\n            detachContact(id: $id) {\n              id\n            }\n          }\n        `,\n        variables: { id: record.id }\n      })\n\n      this.grist.fetch()\n    } else {\n      record.contact = null\n      this.grist.refresh()\n    }\n  }\n\n  async attachSystemUser(record) {\n    if (!record.user) {\n      await client.mutate({\n        mutation: gql`\n          mutation ($employeeId: String!) {\n            registerEmployeeAsSystemUser(employeeId: $employeeId)\n          }\n        `,\n        variables: { employeeId: record.id }\n      })\n    }\n\n    this.grist.fetch()\n  }\n}\n"]}