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

@things-factory/organization 10.1.258 → 10.1.260

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

Files changed (9) hide show

package/dist-client/pages/department/department-list-page.d.ts CHANGED Viewed

@@ -21,17 +21,21 @@ export declare class DepartmentListPage extends DepartmentListPage_base {
         title: string;
         help: string;
         actions: ({
+            id: string;
             icon: string;
             title: string;
-            action: () => void;
-            emphasis?: undefined;
+            action: () => import("@operato/data-grist").GristRecord;
         } | {
             icon: string;
-            title: string;
-            action: () => Promise<void>;
             emphasis: {
+                raised: boolean;
+                outlined: boolean;
+                dense: boolean;
                 danger: boolean;
             };
+            id: string;
+            title: string;
+            action: () => Promise<void>;
         })[];
     };
     gristConfig: any;

package/dist-client/pages/department/department-list-page.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { __decorate, __metadata } from "tslib";
 import '@operato/data-tree';
 import '@operato/data-grist/ox-record-creator.js';
-import { CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { CommonButtonStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
 import { PageView } from '@operato/shell';
 import { css, html } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
@@ -76,31 +76,22 @@ let DepartmentListPage = class DepartmentListPage extends localize(i18next)(Scop
             }, title: i18next.t('title.department list'),
             help: 'organization/department',
             actions: [
-                { icon: 'add',
-                    title: i18next.t('button.add', { defaultValue: 'add' }),
-                    action: () => this.grist.addRecord()
-                },
-                // {         //   icon: 'add',
+                /* A department starts at the top of the tree, its first cell focused - there is no empty row under the records. */
+                { id: 'add-row', icon: 'add', title: i18next.t('button.add-row'), action: () => this.grist.addNewRecord() },
+                // {
+                //   icon: 'add',
                 //   title: i18next.t('button.add-sibling-dept'),
                 //   action: () => this.grist.addSiblingNodes()
                 // },
-                { icon: 'save',
-                    title: i18next.t('button.save'),
-                    action: this.save.bind(this)
-                },
-                { icon: 'delete',
-                    title: i18next.t('button.delete'),
-                    action: this.delete.bind(this),
-                    emphasis: { danger: true
-                    }
-                }
+                { id: 'delete', title: i18next.t('button.delete'), action: this.delete.bind(this), ...CommonButtonStyles.delete },
+                { id: 'save', title: i18next.t('button.save'), action: this.save.bind(this), ...CommonButtonStyles.save }
             ].filter(Boolean)
         };
     }
     render() {
         const mode = isMobileDevice() ? 'CARD' : 'GRID';
         return html `
-      <ox-grist class="page-fill" .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
+      <ox-grist class="page-fill" .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} ?url-params-sensitive=${this.active}>
         <div slot="headroom" class="header">
           <div class="filters">
             <ox-filters-form class="filter" autofocus without-search></ox-filters-form>
@@ -284,7 +275,9 @@ let DepartmentListPage = class DepartmentListPage extends localize(i18next)(Scop
                     hidden: true
                 }
             ],
+            /* A tree: rows start with 「행 추가」 only - a paste past the last row would not know which parent it belongs under. */
             rows: { appendable: false,
+                pasteAppendable: false,
                 selectable: { multiple: true
                 }
             },
@@ -337,22 +330,24 @@ let DepartmentListPage = class DepartmentListPage extends localize(i18next)(Scop
         }
     }
     async save() {
-        let patches = this.grist.dirtyRecords;
-        if (patches && patches.length) {
-            patches = patches.map(toDepartmentPatch);
-            const response = await client.mutate({ mutation: gql `
-          mutation ($patches: [DepartmentPatch!]!) {             updateMultipleDepartment(patches: $patches) {               name
- }
- }
-        `,
-                variables: { patches
-                },
-                context: { hasUpload: true
-                }
-            });
-            if (!response.errors) {
-                this.grist.fetch();
-            }
+        const dirty = this.grist.dirtyRecords;
+        if (!dirty?.length) {
+            notify({ level: 'info', message: i18next.t('text.nothing-to-save') });
+            return;
+        }
+        const response = await client.mutate({
+            mutation: gql `
+        mutation ($patches: [DepartmentPatch!]!) {
+          updateMultipleDepartment(patches: $patches) {
+            name
+          }
+        }
+      `,
+            variables: { patches: dirty.map(toDepartmentPatch) },
+            context: { hasUpload: true }
+        });
+        if (!response.errors) {
+            this.grist.fetch();
         }
     }
 };

package/dist-client/pages/department/department-list-page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"department-list-page.js","sourceRoot":"","sources":["../../../client/pages/department/department-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-tree'\nimport '@operato/data-grist/ox-record-creator.js'\n\nimport { CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { isMobileDevice } from '@operato/utils'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { notify } from '@operato/layout'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\n\nimport gql from 'graphql-tag'\n\nimport { DepartmentImporter } from './department-importer'\nimport { toDepartmentPatch } from './department-patch'\nimport { Department } from '../../types/department'\n\nconst SubDepartmentFragment = gql`\n fragment SubDepartmentFragment on Department { id\n controlNo\n name\n description\n\n parent { id\n name\n }\n\n manager { id\n name\n controlNo\n photo\n email\n }\n active\n picture\n\n updater { id\n name\n }\n updatedAt\n }\n`\n\n@customElement('department-list-page')\nexport class DepartmentListPage extends localize(i18next)(ScopedElementsMixin(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';\n }\n `\n ]\n\n static get scopedElements() { return { 'department-importer': DepartmentImporter\n }\n }\n\n @state() root?: Department\n @state() selected?: Department\n\n @query('ox-grist') private grist!: DataGrist\n\n get context() { return {\n /\n * Full text search sits in the title bar, the way these applications carry it\n * (ADR-0060 decision 9; user instruction 2026-09-18 - framework screens included).\n * It searches the columns that declare a search filter.\n /\n search: {\n handler: (search: string) => {\n this.grist.searchText = search\n },\n value: this.grist?.searchText \|\| ''\n }, title: i18next.t('title.department list'),\n help: 'organization/department',\n actions: [\n { icon: 'add',\n title: i18next.t('button.add', { defaultValue: 'add' }),\n action: () => this.grist.addRecord()\n },\n // { // icon: 'add',\n // title: i18next.t('button.add-sibling-dept'),\n // action: () => this.grist.addSiblingNodes()\n // },\n { icon: 'save',\n title: i18next.t('button.save'),\n action: this.save.bind(this)\n },\n { icon: 'delete',\n title: i18next.t('button.delete'),\n action: this.delete.bind(this),\n emphasis: { danger: true\n }\n }\n ].filter(Boolean)\n }\n }\n\n @property({ type: Object }) gristConfig: any\n\n render() { const 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 <ox-filters-form class=\"filter\" autofocus without-search></ox-filters-form>\n </div>\n </div>\n </ox-grist>\n `\n }\n\n async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) { const response = await client.query({ query: gql`\n query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) { responses: departmentRoots(filters: $filters, pagination: $pagination, sortings: $sortings) { total\n items { ...SubDepartmentFragment\n children(filters: $filters, sortings: $sortings) { ...SubDepartmentFragment\n children(filters: $filters, sortings: $sortings) { ...SubDepartmentFragment\n children(filters: $filters, sortings: $sortings) { ...SubDepartmentFragment\n children(filters: $filters, sortings: $sortings) { ...SubDepartmentFragment\n children(filters: $filters, sortings: $sortings) { ...SubDepartmentFragment\n children(filters: $filters, sortings: $sortings) { ...SubDepartmentFragment\n children(filters: $filters, sortings: $sortings) { ...SubDepartmentFragment\n }\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n ${SubDepartmentFragment}\n `,\n variables: { filters,\n pagination: { page, limit },\n sortings\n }\n })\n\n const { items: records } = response.data.responses\n\n /\n * Count every row the screen draws, not the roots.\n \n `departmentRoots` counts what it returns - top level departments - and this screen draws each\n * root with its whole subtree underneath. With one root and thirty eight departments the pager\n * said \"1 in total\" under thirty eight visible rows.\n /\n const countTree = (list: any[]): number =>\n (list \|\| []).reduce((sum, record) => sum + 1 + countTree(record.children), 0)\n\n return { total: countTree(records),\n records\n }\n }\n\n async pageInitialized(lifecycle: any) { this.gristConfig = { pagination: { pages: [50, 100, 200] },\n list: { thumbnail: 'profile',\n fields: ['controlNo', 'name'],\n details: ['email', 'manager', 'updatedAt']\n },\n columns: [\n { type: 'gutter',\n gutterName: 'dirty',\n fixed: true\n },\n { type: 'tree',\n name: 'name',\n label: true,\n header: i18next.t('label.name', { defaultValue: 'name' }),\n record: { editable: true,\n options: { selectable: true\n }\n },\n filter: 'search',\n sortable: true,\n width: 200,\n fixed: true,\n handlers: { contextmenu: 'contextmenu-tree-mutation'\n }\n },\n { name: 'id', hidden: true },\n { type: 'string',\n name: 'controlNo',\n header: i18next.t('label.control-no'),\n record: { editable: true\n },\n filter: 'search',\n sortable: true,\n / 부서 코드는 본부-팀-조까지 이어 붙는다(MFG-ASSY-A) — 110px 에서는 잘렸다. */\n width: 150\n },\n { type: 'department-object',\n name: 'parent',\n header: i18next.t('field.parent-department'),\n record: { editable: true\n },\n width: 150\n },\n { type: 'string',\n name: 'description',\n header: i18next.t('label.description', { defaultValue: 'description' }),\n record: { editable: true\n },\n filter: 'search',\n sortable: true,\n width: 200\n },\n { type: 'resource-object',\n name: 'manager',\n header: i18next.t('label.manager'),\n record: { editable: true,\n options: { title: i18next.t('title.employee list'),\n queryName: 'employees',\n pagination: { pages: [50, 100, 200] },\n basicArgs: { filters: [\n { name: 'active',\n operator: 'eq',\n value: true\n }\n ]\n },\n list: { fields: ['controlNo', 'name', 'email'] },\n columns: [\n { name: 'id', hidden: true },\n { name: 'controlNo',\n width: 120,\n header: { renderer: () => i18next.t('field.control-no') },\n filter: 'search',\n sortable: true\n },\n { name: 'name',\n width: 120,\n header: { renderer: () => i18next.t('field.name') },\n filter: 'search',\n sortable: true\n },\n { name: 'email',\n width: 150,\n header: { renderer: () => i18next.t('label.email', { defaultValue: 'email' }) },\n filter: false,\n sortable: true\n }\n ],\n valueField: 'id',\n nameField: 'name',\n descriptionField: 'controlNo'\n }\n },\n sortable: false,\n width: 120\n },\n { type: 'checkbox',\n name: 'active',\n label: true,\n header: i18next.t('field.active'),\n width: 70,\n record: { align: 'center',\n editable: true\n },\n filter: true,\n sortable: true\n },\n { type: 'resource-object',\n name: 'updater',\n header: i18next.t('field.updater'),\n width: 90,\n sortable: false\n },\n { type: 'datetime',\n name: 'updatedAt',\n header: i18next.t('field.updated_at'),\n width: 180,\n sortable: true\n },\n { type: 'image',\n name: 'picture',\n record: { renderer: function (value, column, record, rowIndex, field) { return html`<ox-pfp-view\n style=\"height:90%; width: unset; aspect-ratio: 1 / 1;\"\n .profile=${record.picture}\n .name=${record.name}\n ></ox-pfp-view>`\n }\n },\n hidden: true\n }\n ],\n rows: { appendable: false,\n selectable: { multiple: true\n }\n },\n sorters: [\n { name: 'controlNo'\n }\n ],\n tree: { childrenProperty: 'children',\n expanded: () => true\n }\n }\n }\n\n async pageUpdated(changes: any, lifecycle: any) { if (this.active) { // do something here when this page just became as active\n }\n }\n\n async delete() { if (!this.grist.selected \|\| this.grist.selected.length == 0) { await OxPrompt.open({ title: i18next.t('text.department-not-selected'),\n confirmButton: { text: i18next.t('button.confirm', { defaultValue: 'confirm' }) }\n })\n return\n }\n\n if (this.grist.selected.find(selected => selected.children && selected.children.length > 0)) { await OxPrompt.open({ title: i18next.t('text.department-with-children-cannot-be-deleted'),\n confirmButton: { text: i18next.t('button.confirm', { defaultValue: 'confirm' }) }\n })\n return\n }\n\n if (await OxPrompt.confirmDelete({ count: this.grist.selected.length })) { const temporaries = this.grist.selected.filter(record => !record.id)\n\n if (temporaries && temporaries.length > 0) { this.grist.fetch()\n }\n\n const ids = this.grist.selected.filter(record => record.id).map(record => record.id)\n\n if (ids && ids.length > 0) { const response = await client.mutate({ mutation: gql`\n mutation ($ids: [String!]!) { deleteDepartments(ids: $ids)\n }\n `,\n variables: { ids\n }\n })\n\n if (!response.errors) { this.grist.fetch()\n notify({ message: i18next.t('text.deleted')\n })\n }\n }\n }\n }\n\n async save() { let patches = this.grist.dirtyRecords\n if (patches && patches.length) { patches = patches.map(toDepartmentPatch)\n\n const response = await client.mutate({ mutation: gql`\n mutation ($patches: [DepartmentPatch!]!) { updateMultipleDepartment(patches: $patches) { name\n }\n }\n `,\n variables: { patches\n },\n context: { hasUpload: true\n }\n })\n\n if (!response.errors) { this.grist.fetch()\n }\n }\n }\n}\n"]}
1	+ {"version":3,"file":"department-list-page.js","sourceRoot":"","sources":["../../../client/pages/department/department-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-tree'\nimport '@operato/data-grist/ox-record-creator.js'\n\nimport { CommonButtonStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { isMobileDevice } from '@operato/utils'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { notify } from '@operato/layout'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\n\nimport gql from 'graphql-tag'\n\nimport { DepartmentImporter } from './department-importer'\nimport { toDepartmentPatch } from './department-patch'\nimport { Department } from '../../types/department'\n\nconst SubDepartmentFragment = gql`\n fragment SubDepartmentFragment on Department { id\n controlNo\n name\n description\n\n parent { id\n name\n }\n\n manager { id\n name\n controlNo\n photo\n email\n }\n active\n picture\n\n updater { id\n name\n }\n updatedAt\n }\n`\n\n@customElement('department-list-page')\nexport class DepartmentListPage extends localize(i18next)(ScopedElementsMixin(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';\n }\n `\n ]\n\n static get scopedElements() { return { 'department-importer': DepartmentImporter\n }\n }\n\n @state() root?: Department\n @state() selected?: Department\n\n @query('ox-grist') private grist!: DataGrist\n\n get context() { return {\n /\n * Full text search sits in the title bar, the way these applications carry it\n * (ADR-0060 decision 9; user instruction 2026-09-18 - framework screens included).\n * It searches the columns that declare a search filter.\n /\n search: {\n handler: (search: string) => {\n this.grist.searchText = search\n },\n value: this.grist?.searchText \|\| ''\n }, title: i18next.t('title.department list'),\n help: 'organization/department',\n actions: [\n / A department starts at the top of the tree, its first cell focused - there is no empty row under the records. /\n { id: 'add-row', icon: 'add', title: i18next.t('button.add-row'), action: () => this.grist.addNewRecord() },\n // {\n // icon: 'add',\n // title: i18next.t('button.add-sibling-dept'),\n // action: () => this.grist.addSiblingNodes()\n // },\n { id: 'delete', title: i18next.t('button.delete'), action: this.delete.bind(this), ...CommonButtonStyles.delete },\n { id: 'save', title: i18next.t('button.save'), action: this.save.bind(this), ...CommonButtonStyles.save }\n ].filter(Boolean)\n }\n }\n\n @property({ type: Object }) gristConfig: any\n\n render() { const mode = isMobileDevice() ? 'CARD' : 'GRID'\n\n return html`\n <ox-grist class=\"page-fill\" .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} ?url-params-sensitive=${this.active}>\n <div slot=\"headroom\" class=\"header\">\n <div class=\"filters\">\n <ox-filters-form class=\"filter\" autofocus without-search></ox-filters-form>\n </div>\n </div>\n </ox-grist>\n `\n }\n\n async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) { const response = await client.query({ query: gql`\n query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) { responses: departmentRoots(filters: $filters, pagination: $pagination, sortings: $sortings) { total\n items { ...SubDepartmentFragment\n children(filters: $filters, sortings: $sortings) { ...SubDepartmentFragment\n children(filters: $filters, sortings: $sortings) { ...SubDepartmentFragment\n children(filters: $filters, sortings: $sortings) { ...SubDepartmentFragment\n children(filters: $filters, sortings: $sortings) { ...SubDepartmentFragment\n children(filters: $filters, sortings: $sortings) { ...SubDepartmentFragment\n children(filters: $filters, sortings: $sortings) { ...SubDepartmentFragment\n children(filters: $filters, sortings: $sortings) { ...SubDepartmentFragment\n }\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n ${SubDepartmentFragment}\n `,\n variables: { filters,\n pagination: { page, limit },\n sortings\n }\n })\n\n const { items: records } = response.data.responses\n\n /\n * Count every row the screen draws, not the roots.\n \n `departmentRoots` counts what it returns - top level departments - and this screen draws each\n * root with its whole subtree underneath. With one root and thirty eight departments the pager\n * said \"1 in total\" under thirty eight visible rows.\n /\n const countTree = (list: any[]): number =>\n (list \|\| []).reduce((sum, record) => sum + 1 + countTree(record.children), 0)\n\n return { total: countTree(records),\n records\n }\n }\n\n async pageInitialized(lifecycle: any) { this.gristConfig = { pagination: { pages: [50, 100, 200] },\n list: { thumbnail: 'profile',\n fields: ['controlNo', 'name'],\n details: ['email', 'manager', 'updatedAt']\n },\n columns: [\n { type: 'gutter',\n gutterName: 'dirty',\n fixed: true\n },\n { type: 'tree',\n name: 'name',\n label: true,\n header: i18next.t('label.name', { defaultValue: 'name' }),\n record: { editable: true,\n options: { selectable: true\n }\n },\n filter: 'search',\n sortable: true,\n width: 200,\n fixed: true,\n handlers: { contextmenu: 'contextmenu-tree-mutation'\n }\n },\n { name: 'id', hidden: true },\n { type: 'string',\n name: 'controlNo',\n header: i18next.t('label.control-no'),\n record: { editable: true\n },\n filter: 'search',\n sortable: true,\n / 부서 코드는 본부-팀-조까지 이어 붙는다(MFG-ASSY-A) — 110px 에서는 잘렸다. /\n width: 150\n },\n { type: 'department-object',\n name: 'parent',\n header: i18next.t('field.parent-department'),\n record: { editable: true\n },\n width: 150\n },\n { type: 'string',\n name: 'description',\n header: i18next.t('label.description', { defaultValue: 'description' }),\n record: { editable: true\n },\n filter: 'search',\n sortable: true,\n width: 200\n },\n { type: 'resource-object',\n name: 'manager',\n header: i18next.t('label.manager'),\n record: { editable: true,\n options: { title: i18next.t('title.employee list'),\n queryName: 'employees',\n pagination: { pages: [50, 100, 200] },\n basicArgs: { filters: [\n { name: 'active',\n operator: 'eq',\n value: true\n }\n ]\n },\n list: { fields: ['controlNo', 'name', 'email'] },\n columns: [\n { name: 'id', hidden: true },\n { name: 'controlNo',\n width: 120,\n header: { renderer: () => i18next.t('field.control-no') },\n filter: 'search',\n sortable: true\n },\n { name: 'name',\n width: 120,\n header: { renderer: () => i18next.t('field.name') },\n filter: 'search',\n sortable: true\n },\n { name: 'email',\n width: 150,\n header: { renderer: () => i18next.t('label.email', { defaultValue: 'email' }) },\n filter: false,\n sortable: true\n }\n ],\n valueField: 'id',\n nameField: 'name',\n descriptionField: 'controlNo'\n }\n },\n sortable: false,\n width: 120\n },\n { type: 'checkbox',\n name: 'active',\n label: true,\n header: i18next.t('field.active'),\n width: 70,\n record: { align: 'center',\n editable: true\n },\n filter: true,\n sortable: true\n },\n { type: 'resource-object',\n name: 'updater',\n header: i18next.t('field.updater'),\n width: 90,\n sortable: false\n },\n { type: 'datetime',\n name: 'updatedAt',\n header: i18next.t('field.updated_at'),\n width: 180,\n sortable: true\n },\n { type: 'image',\n name: 'picture',\n record: { renderer: function (value, column, record, rowIndex, field) { return html`<ox-pfp-view\n style=\"height:90%; width: unset; aspect-ratio: 1 / 1;\"\n .profile=${record.picture}\n .name=${record.name}\n ></ox-pfp-view>`\n }\n },\n hidden: true\n }\n ],\n / A tree: rows start with 「행 추가」 only - a paste past the last row would not know which parent it belongs under. */\n rows: { appendable: false,\n pasteAppendable: false,\n selectable: { multiple: true\n }\n },\n sorters: [\n { name: 'controlNo'\n }\n ],\n tree: { childrenProperty: 'children',\n expanded: () => true\n }\n }\n }\n\n async pageUpdated(changes: any, lifecycle: any) { if (this.active) { // do something here when this page just became as active\n }\n }\n\n async delete() { if (!this.grist.selected \|\| this.grist.selected.length == 0) { await OxPrompt.open({ title: i18next.t('text.department-not-selected'),\n confirmButton: { text: i18next.t('button.confirm', { defaultValue: 'confirm' }) }\n })\n return\n }\n\n if (this.grist.selected.find(selected => selected.children && selected.children.length > 0)) { await OxPrompt.open({ title: i18next.t('text.department-with-children-cannot-be-deleted'),\n confirmButton: { text: i18next.t('button.confirm', { defaultValue: 'confirm' }) }\n })\n return\n }\n\n if (await OxPrompt.confirmDelete({ count: this.grist.selected.length })) { const temporaries = this.grist.selected.filter(record => !record.id)\n\n if (temporaries && temporaries.length > 0) { this.grist.fetch()\n }\n\n const ids = this.grist.selected.filter(record => record.id).map(record => record.id)\n\n if (ids && ids.length > 0) { const response = await client.mutate({ mutation: gql`\n mutation ($ids: [String!]!) { deleteDepartments(ids: $ids)\n }\n `,\n variables: { ids\n }\n })\n\n if (!response.errors) { this.grist.fetch()\n notify({ message: i18next.t('text.deleted')\n })\n }\n }\n }\n }\n\n async save() {\n const dirty = this.grist.dirtyRecords\n if (!dirty?.length) {\n notify({ level: 'info', message: i18next.t('text.nothing-to-save') })\n return\n }\n\n const response = await client.mutate({\n mutation: gql`\n mutation ($patches: [DepartmentPatch!]!) {\n updateMultipleDepartment(patches: $patches) {\n name\n }\n }\n `,\n variables: { patches: dirty.map(toDepartmentPatch) },\n context: { hasUpload: true }\n })\n\n if (!response.errors) {\n this.grist.fetch()\n }\n }\n}\n"]}

package/dist-client/pages/employee/employee-list-page.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ import '@operato/data-tree';
 import '@operato/list-state/ox-empty-note.js';
 import '@operato/list-state/ox-page-state.js';
 import '@things-factory/contact/dist-client';
+import '@things-factory/ai-assistant/dist-client/index.js';
 import { Contact } from '@operato/contact/ox-contact.js';
 import { FetchOption, GristRecord } from '@operato/data-grist';
 import { PageView } from '@operato/shell';
@@ -21,8 +22,7 @@ export declare class EmployeeListPage extends EmployeeListPage_base {
     gristConfig: any;
     mode: 'CARD' | 'GRID' | 'LIST';
     private grist;
-    /** The department chosen on the rail, and whether the rail is showing. */
-    private selectedDepartment?;
+    /** Whether the rail is showing. The department chosen on it is the grid's own filter (`departmentId`), kept in the address. */
     private railFolded;
     /** Whether this person issues employees' certificates. */
     private issuesCertificates;
@@ -32,6 +32,8 @@ export declare class EmployeeListPage extends EmployeeListPage_base {
      */
     private departmentsRead;
     private get departments();
+    /** The department the list is narrowed to: the grid's `departmentId` filter, found in the rail's tree. */
+    private get selectedDepartment();
     get context(): {
         title: string;
         search: {
@@ -43,17 +45,21 @@ export declare class EmployeeListPage extends EmployeeListPage_base {
         };
         help: string;
         actions: ({
+            id: string;
             icon: string;
             title: string;
-            action: () => Promise<void>;
-            emphasis?: undefined;
+            action: () => GristRecord;
         } | {
             icon: string;
-            title: string;
-            action: () => Promise<void>;
             emphasis: {
+                raised: boolean;
+                outlined: boolean;
+                dense: boolean;
                 danger: boolean;
             };
+            id: string;
+            title: string;
+            action: () => Promise<void>;
         })[];
         exportable: {
             name: string;
@@ -63,14 +69,22 @@ export declare class EmployeeListPage extends EmployeeListPage_base {
             handler: (records: any) => Promise<void>;
         };
     };
+    /**
+     * What is done with the picked employees, on the selection bar over the list (FOOTER-BUTTON-REVIEW F06): certificates
+     * of one employee - for whoever issues them (`employee-certificate`, ADR-0176 decision 5) - and deleting.
+     */
+    private get selectionActions();
     render(): import("lit-html").TemplateResult<1>;
     /**
      * 트리에서 고른 부서가 목록의 부서 조건이다 — 조건은 하나고, 그것을 고르는 자리도 하나다.
+     * The condition is the grid's hidden `departmentId` filter, so the address keeps it and a change reads page 1.
      */
     private onSelectDepartment;
     /** One certificate of the one employee selected. */
     private issueCertificate;
     pageInitialized(lifecycle: any): Promise<void>;
+    /** A new employee starts in the department picked on the rail. */
+    private draft;
     pageUpdated(changes: any, lifecycle: any): Promise<void>;
     fetchHandler({ page, limit, sortings, filters }: FetchOption): Promise<{
         total: any;