@things-factory/organization 10.0.19 → 10.1.0

package/dist-client/pages/approval-line/approval-line-list-page.js

@@ -0,0 +1,583 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/data-grist';
+import '../../component/approval-line-items-editor-popup';
+import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles';
+import { navigate, PageView } from '@operato/shell';
+import { css, html } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { ScopedElementsMixin } from '@open-wc/scoped-elements';
+import { DataGrist } from '@operato/data-grist';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { notify, openPopup } from '@operato/layout';
+import { isMobileDevice } from '@operato/utils';
+import { hasPrivilege } from '@things-factory/auth-base/dist-client';
+import { isReferenceStep } from '../../types/approval-line';
+import gql from 'graphql-tag';
+/**
+ * 축마다 자기 질의와 자기 뮤테이션을 갖는다.
+ *
+ * 이것이 축으로 가른다는 말의 실제 내용이다 — 목록도 저장도 삭제도 섞이지 않는다. 한 「저장」이 두 종류를
+ * 함께 바꾸는 일이 구조적으로 일어나지 않는다.
+ */
+const AXES = {
+    common: {
+        list: 'commonApprovalLines',
+        updateMultiple: 'updateMultipleApprovalLine',
+        update: 'updateApprovalLine',
+        remove: 'deleteApprovalLines'
+    },
+    mine: {
+        list: 'myApprovalLines',
+        updateMultiple: 'updateMultipleMyApprovalLine',
+        update: 'updateMyApprovalLine',
+        remove: 'deleteMyApprovalLines'
+    }
+};
+/**
+ * 결재선 — **한 화면, 두 축.**
+ *
+ * ── 왜 한 화면인가 ─────────────────────────────────────────────────────────
+ * 전에는 「공용 결재선」과 「내 결재선」이 각각 메뉴였다. 같은 것을 관리하는 두 자리라, 찾을 때마다
+ * 어느 쪽에 있었는지를 먼저 기억해야 했다.
+ *
+ * ── 왜 섞지 않고 축으로 가르는가 ────────────────────────────────────────────
+ * 두 결재선은 **바꾸는 행위의 무게가 다르다.**
+ *
+ *   공용   조직의 규정이다. 바꾸면 남의 결재 경로가 바뀐다. 권한이 있어야 고친다
+ *   내 결재선  내 편의다. 바꿔도 나만 영향받는다
+ *
+ * 한 목록에 섞으면 「저장」 한 번이 내 편의 설정과 조직 규정을 함께 저지른다. 축으로 가르면 축마다
+ * 질의도 저장도 따로여서 그 일이 일어나지 않는다.
+ *
+ * 공용 축을 감추지는 않는다 — **누구나 참조할 수 있고, 권한이 있으면 고칠 수도 있다.** 권한이 없으면
+ * 그 축에서 고칠 수만 없게 한다.
+ *
+ * ── 주소가 축을 갖는다 ──────────────────────────────────────────────────────
+ *   /approval-line-list         공용
+ *   /approval-line-list/mine    내 결재선
+ *
+ * 대상이 바뀌는 것이므로 필터와 달리 주소에 담는다. 붙여 보낼 수 있고, 뒤로 가기가 앞 축으로 돌아간다.
+ *
+ * ── 줄마다 그 결재선이 보인다 ───────────────────────────────────────────────
+ * 결재선의 내용은 **누가 몇 번째로 결재하나**다. 이름만 늘어놓고 내용을 팝업에 두면 「팀장만 거치는
+ * 게 있었나」를 알려고 줄마다 열어 봐야 한다.
+ *
+ *   오세진 → 윤가람 [참조] → 한동수
+ *
+ * 결재자가 하나도 없으면 상신이 곧 완료된다 — 승인 게이트가 있는 척만 하게 된다. 그것도 줄에 적는다.
+ */
+let ApprovalLineListPage = class ApprovalLineListPage extends localize(i18next)(ScopedElementsMixin(PageView)) {
+    constructor() {
+        super(...arguments);
+        this.mode = isMobileDevice() ? 'CARD' : 'GRID';
+        this.axis = 'common';
+        /**
+         * 이 사람이 공용 결재선을 고칠 수 있나.
+         *
+         * `hasPrivilege` 는 프로필을 기다리는 비동기 함수인데 그리스트의 `editable` 은 동기로 불린다. 그래서
+         * 한 번 물어 여기에 담는다.
+         *
+         * **기본값이 false 인 것이 중요하다.** 답이 오기 전 한 순간을 「고칠 수 있음」으로 그리면 그 사이에
+         * 누른 사람이 거절당한다.
+         */
+        this.mayEditCommon = false;
+        /**
+         * 내가 사원으로 등록되어 있나.
+         *
+         * 내 결재선은 사원 기록에 매인다 — 서버가 `ownerValue` 를 그 기록의 id 로 채운다. 등록되어 있지
+         * 않으면 **만들 수가 없다.** 그것을 미리 알지 못하면 화면이 입력을 다 받아 놓고 저장할 때 실패한다.
+         *
+         * 없을 수도 있고 둘 이상일 수도 있다(`(domain, user)` 유일 제약이 없다). 여기서 필요한 것은 하나라도
+         * 있느냐뿐이다.
+         */
+        this.amEmployee = false;
+    }
+    static { this.styles = [
+        ScrollbarStyles,
+        CommonHeaderStyles,
+        css `
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        width: 100%;
+      }
+
+      ox-grist {
+        flex: 1;
+      }
+
+      /* 축 — 표 바깥 위. 결재함의 묶음 탭과 같은 어휘다. */
+      .axes {
+        flex: none;
+        display: flex;
+        gap: var(--spacing-large);
+        padding: 0 var(--spacing-medium);
+        border-bottom: 1px solid var(--ui-line, #d6dbe0);
+      }
+
+      .axes button {
+        border: none;
+        background: none;
+        padding: var(--spacing-medium) 2px calc(var(--spacing-medium) - 2px);
+        border-bottom: 2px solid transparent;
+        font: inherit;
+        font-size: 14px;
+        color: var(--ui-muted, #57676f);
+        cursor: pointer;
+      }
+
+      .axes button:hover:not([data-selected]) {
+        color: var(--ui-ink, #17272f);
+      }
+
+      /* 색은 밑줄이 말한다 — 브랜드 초록은 14px 글자로는 안 읽힌다(대비 3.91). */
+      .axes button[data-selected] {
+        font-weight: 600;
+        color: var(--ui-ink, #17272f);
+        border-bottom-color: var(--ui-accent, #262e38);
+      }
+    `
+    ]; }
+    /** 지금 축을 고칠 수 있나. 공용은 권한이 있어야 하고, 내 결재선은 언제나 된다. */
+    get editable() {
+        return this.axis === 'mine' ? this.amEmployee : this.mayEditCommon;
+    }
+    get context() {
+        return {
+            title: i18next.t('title.approval-line'),
+            search: {
+                handler: (search) => {
+                    this.grist.searchText = search;
+                },
+                value: this.grist?.searchText || ''
+            },
+            filter: {
+                handler: () => {
+                    this.grist.toggleHeadroom();
+                }
+            },
+            help: 'organization/approval-line',
+            /*
+             * 고칠 수 없는 축에서는 저장·삭제 버튼을 두지 않는다.
+             *
+             * 눌러 놓고 거절당하는 것보다 처음부터 없는 편이 낫다. 그리고 이 축은 **보러 온 자리**라는 것이
+             * 버튼 없음으로 말해진다.
+             */
+            actions: this.editable
+                ? [
+                    {
+                        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 }
+                    }
+                ]
+                : []
+        };
+    }
+    render() {
+        const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID');
+        return html `
+      <div class="axes">
+        ${[
+            ['common', 'label.approval-line-common'],
+            ['mine', 'label.approval-line-mine']
+        ].map(([axis, label]) => html `
+            <button ?data-selected=${this.axis === axis} @click=${() => this.selectAxis(axis)}>
+              ${i18next.t(label)}
+            </button>
+          `)}
+      </div>
+
+      <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}></ox-grist>
+    `;
+    }
+    /**
+     * 축을 고른다 — **주소만 바꾼다.**
+     *
+     * 값을 여기서 세우지 않는다. 바뀐 주소를 `pageUpdated` 가 받아 세운다. 그래야 뒤로 가기와 새로 고침이
+     * 같은 자리로 온다.
+     */
+    selectAxis(axis) {
+        if (axis === this.axis) {
+            return;
+        }
+        const page = this.lifecycle?.page || 'approval-line-list';
+        navigate(axis === 'common' ? page : `${page}/${axis}`);
+    }
+    /** 한 사람을 무엇으로 부를까. 이름이 없으면 관리번호라도 보인다 — 빈 칸으로 두지 않는다. */
+    approverText(item) {
+        return item?.approver?.name || item?.approver?.controlNo || i18next.t('text.approver-unknown');
+    }
+    async pageInitialized(lifecycle) {
+        /*
+         * 권한을 먼저 묻는다. 서버 지시자와 **같은 인자**다 —
+         * `@privilege(category: "organization", privilege: "mutation", domainOwnerGranted: true)`.
+         *
+         * `superUserGranted` 는 넣지 않는다. 지시자에 없기 때문이다. 넣으면 슈퍼유저에게 고칠 수 있는 줄로
+         * 그려 놓고 서버가 거절한다.
+         */
+        this.mayEditCommon = !!(await hasPrivilege({
+            category: 'organization',
+            privilege: 'mutation',
+            domainOwnerGranted: true
+        }));
+        this.amEmployee = await this.askAmEmployee();
+        this.axis = lifecycle?.resourceId === 'mine' ? 'mine' : 'common';
+        this.applyConfig();
+    }
+    /**
+     * 내가 사원인가를 서버에 묻는다.
+     *
+     * `myEmployees` 는 권한이 없다 — 「나는 누구인가」는 권한으로 가릴 사실이 아니다. `employees` 는
+     * `employee:query` 를 요구해서, 정작 답이 필요한 일반 사원이 물을 수 없다.
+     */
+    async askAmEmployee() {
+        const response = await client.query({
+            query: gql `
+        query {
+          myEmployees {
+            id
+          }
+        }
+      `
+        });
+        return (response.data?.myEmployees || []).length > 0;
+    }
+    async pageUpdated(changes, after, before) {
+        if (after?.resourceId === before?.resourceId) {
+            return;
+        }
+        this.axis = after?.resourceId === 'mine' ? 'mine' : 'common';
+        this.applyConfig();
+        await this.grist?.fetch();
+    }
+    applyConfig() {
+        /* 고칠 수 있는 축에서만 빈 줄을 내민다 — 적을 수 없는 자리에 적을 칸을 두지 않는다. */
+        const editable = this.editable;
+        this.gristConfig = {
+            list: {
+                fields: ['name', 'model'],
+                details: ['updatedAt']
+            },
+            /*
+             * 빈 화면이 **왜 비었는지**를 말한다.
+             *
+             * 사원이 아닌 사람의 「내 결재선」은 「없는 것」이 아니라 **가질 수 없는 것**이다. 그 둘을 같은
+             * 문장으로 말하면, 읽은 사람은 만들면 되는 줄 알고 적다가 저장에서 막힌다.
+             */
+            emptyNote: this.emptyNote(),
+            rows: {
+                appendable: editable,
+                selectable: { multiple: true }
+            },
+            columns: [
+                { type: 'gutter', gutterName: 'sequence', fixed: true },
+                ...(editable ? [{ type: 'gutter', gutterName: 'row-selector', fixed: true, multiple: true }] : []),
+                {
+                    type: 'gutter',
+                    gutterName: 'button',
+                    fixed: true,
+                    /*
+                     * 고칠 수 없는 축에서는 「고치기」가 아니라 「보기」다. 버튼을 없애지는 않는다 — 공용 결재선이
+                     * 무엇을 거치는지는 누구나 봐야 한다.
+                     */
+                    icon: (record) => (!record?.id ? '' : editable ? 'reorder' : 'visibility'),
+                    iconOnly: false,
+                    title: (record) => !record?.id ? '' : editable ? i18next.t('button.edit') : i18next.t('button.view'),
+                    width: 72,
+                    handlers: {
+                        click: (columns, data, column, record) => {
+                            if (!record.id) {
+                                return;
+                            }
+                            const popup = openPopup(html `
+                  <approval-line-items-editor-popup
+                    .confirmCallback=${editable
+                                ? async (model) => {
+                                    await this.updateModel(record, model);
+                                    await this.grist.fetch();
+                                    return false;
+                                }
+                                : undefined}
+                    .value=${record.model}
+                  ></approval-line-items-editor-popup>
+                `, {
+                                backdrop: true,
+                                help: 'organization/approval-line-items-editor',
+                                size: 'large',
+                                title: editable ? i18next.t('title.approval-line item list') : record.name
+                            });
+                            popup.onclosed = () => {
+                                this.grist?.fetch();
+                            };
+                        }
+                    }
+                },
+                {
+                    type: 'string',
+                    name: 'name',
+                    fixed: true,
+                    header: i18next.t('field.name'),
+                    record: { editable },
+                    filter: 'search',
+                    sortable: true,
+                    width: 220
+                },
+                {
+                    /*
+                     * ── 결재선 자체 ──────────────────────────────────────────────────
+                     * 이 칸이 이 화면의 이유다. 참조는 결재를 막지 않으므로 결재자와 같은 무게로 읽히면 안 된다 —
+                     * 표식을 붙여 가른다.
+                     *
+                     * 넘치면 잘리므로 `title` 에 전문을 담는다.
+                     */
+                    type: 'string',
+                    name: 'model',
+                    header: i18next.t('field.approval-line'),
+                    record: {
+                        editable: false,
+                        renderer: (value, column, record) => {
+                            /* 아직 없는 줄(맨 아래 빈 줄)에는 아무 말도 하지 않는다. */
+                            if (!record?.id) {
+                                return html ``;
+                            }
+                            const items = Array.isArray(value) ? value : [];
+                            if (!items.length) {
+                                /* 결재자가 없으면 상신이 곧 완료된다. 조용히 빈 칸으로 두지 않는다. */
+                                return html `<span style="color: var(--md-sys-color-error)"
+                  >${i18next.t('text.approval-line-empty')}</span
+                >`;
+                            }
+                            const plain = items
+                                .map(item => isReferenceStep(item)
+                                ? `${this.approverText(item)} (${i18next.t('label.participation-reference')})`
+                                : this.approverText(item))
+                                .join(' → ');
+                            return html `
+                <span
+                  title=${plain}
+                  style="display:flex; align-items:center; gap:4px; overflow:hidden; white-space:nowrap"
+                >
+                  ${items.map((item, index) => html `
+                      ${index > 0 ? html `<span style="color: var(--ui-faint, #8a959c)">→</span>` : ''}
+                      <span style=${isReferenceStep(item) ? 'color: var(--ui-muted, #57676f)' : ''}
+                        >${this.approverText(item)}</span
+                      >
+                      ${isReferenceStep(item)
+                                ? html `<em
+                            style="font-style:normal; font-size:11px; padding:0 4px; border-radius:999px;
+                                   border:1px solid var(--ui-line, #d6dbe0); color: var(--ui-muted, #57676f)"
+                            >${i18next.t('label.participation-reference')}</em
+                          >`
+                                : ''}
+                    `)}
+                </span>
+              `;
+                        }
+                    },
+                    width: 340
+                },
+                {
+                    type: 'string',
+                    name: 'description',
+                    header: i18next.t('field.description'),
+                    record: { editable },
+                    filter: 'search',
+                    width: 220
+                },
+                {
+                    type: 'resource-object',
+                    name: 'updater',
+                    header: i18next.t('field.updater'),
+                    record: { editable: false },
+                    sortable: true,
+                    width: 90
+                },
+                {
+                    type: 'datetime',
+                    name: 'updatedAt',
+                    header: i18next.t('field.updated_at'),
+                    record: { editable: false },
+                    sortable: true,
+                    width: 180
+                }
+            ],
+            sorters: [{ name: 'name' }]
+        };
+    }
+    emptyNote() {
+        if (this.axis === 'common') {
+            return {
+                icon: 'approval',
+                title: i18next.t('text.no-common-approval-line-title'),
+                description: i18next.t('text.no-common-approval-line-description')
+            };
+        }
+        if (!this.amEmployee) {
+            return {
+                icon: 'badge',
+                title: i18next.t('text.not-an-employee-title'),
+                description: i18next.t('text.not-an-employee-description')
+            };
+        }
+        return {
+            icon: 'approval',
+            title: i18next.t('text.no-my-approval-line-title'),
+            description: i18next.t('text.no-my-approval-line-description')
+        };
+    }
+    async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }) {
+        const response = await client.query({
+            query: gql `
+        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
+          responses: ${AXES[this.axis].list}(filters: $filters, pagination: $pagination, sortings: $sortings) {
+            items {
+              id
+              name
+              description
+              ownerType
+              model {
+                type
+                participation
+                notifyAfter
+                approver {
+                  id
+                  name
+                  description
+                  controlNo
+                }
+              }
+              updater {
+                id
+                name
+              }
+              updatedAt
+            }
+            total
+          }
+        }
+      `,
+            variables: { filters, pagination: { page, limit }, sortings }
+        });
+        return {
+            total: response.data.responses.total || 0,
+            records: response.data.responses.items || []
+        };
+    }
+    async save() {
+        const dirty = this.grist.dirtyRecords;
+        if (!dirty?.length) {
+            return;
+        }
+        const patches = dirty.map((record) => {
+            const patch = record.id ? { id: record.id } : {};
+            const dirtyFields = record.__dirtyfields__ || {};
+            for (const key in dirtyFields) {
+                patch[key] = dirtyFields[key].after;
+            }
+            patch.cuFlag = record.__dirty__;
+            /* 공용 축에서 새로 만드는 것은 공용이다 — 서버가 그것을 값으로 안다. */
+            if (this.axis === 'common') {
+                patch.ownerType = 'Common';
+            }
+            return patch;
+        });
+        const response = await client.mutate({
+            mutation: gql `
+        mutation ($patches: [ApprovalLinePatch!]!) {
+          ${AXES[this.axis].updateMultiple}(patches: $patches) {
+            name
+          }
+        }
+      `,
+            variables: { patches }
+        });
+        if (response.errors) {
+            notify({ level: 'error', message: response.errors.map(error => error.message).join('\n') });
+        }
+        else {
+            notify({ message: i18next.t('text.saved') });
+        }
+        this.grist.fetch();
+    }
+    async delete() {
+        const ids = (this.grist.selected || []).map((record) => record.id).filter(Boolean);
+        if (!ids.length) {
+            return;
+        }
+        if (!confirm(i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }))) {
+            return;
+        }
+        const response = await client.mutate({
+            mutation: gql `
+        mutation ($ids: [String!]!) {
+          ${AXES[this.axis].remove}(ids: $ids)
+        }
+      `,
+            variables: { ids }
+        });
+        if (response.errors) {
+            notify({ level: 'error', message: response.errors.map(error => error.message).join('\n') });
+        }
+        else {
+            notify({ message: i18next.t('text.deleted') });
+        }
+        this.grist.fetch();
+    }
+    /** 결재선의 내용(누가 몇 번째로 결재하나)을 저장한다. */
+    async updateModel(record, model) {
+        const response = await client.mutate({
+            mutation: gql `
+        mutation ($id: String!, $patch: ApprovalLinePatch!) {
+          ${AXES[this.axis].update}(id: $id, patch: $patch) {
+            id
+          }
+        }
+      `,
+            variables: { id: record.id, patch: { model, cuFlag: 'M' } }
+        });
+        if (response.errors) {
+            notify({ level: 'error', message: response.errors.map(error => error.message).join('\n') });
+        }
+        else {
+            notify({ message: i18next.t('text.saved') });
+        }
+    }
+};
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], ApprovalLineListPage.prototype, "gristConfig", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], ApprovalLineListPage.prototype, "mode", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], ApprovalLineListPage.prototype, "grist", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], ApprovalLineListPage.prototype, "axis", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ApprovalLineListPage.prototype, "mayEditCommon", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ApprovalLineListPage.prototype, "amEmployee", void 0);
+ApprovalLineListPage = __decorate([
+    customElement('approval-line-list-page')
+], ApprovalLineListPage);
+export { ApprovalLineListPage };
+//# sourceMappingURL=approval-line-list-page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"approval-line-list-page.js","sourceRoot":"","sources":["../../../client/pages/approval-line/approval-line-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\nimport '../../component/approval-line-items-editor-popup'\n\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\nimport { navigate, PageView } from '@operato/shell'\nimport { css, html } from 'lit'\n\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { isMobileDevice } from '@operato/utils'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client'\n\nimport { ApprovalParticipation, isReferenceStep } from '../../types/approval-line'\n\nimport gql from 'graphql-tag'\n\n/** 어느 축을 보고 있나. 주소의 두 번째 토막이 이 값이다. */\ntype Axis = 'common' | 'mine'\n\n/**\n * 축마다 자기 질의와 자기 뮤테이션을 갖는다.\n *\n * 이것이 축으로 가른다는 말의 실제 내용이다 — 목록도 저장도 삭제도 섞이지 않는다. 한 「저장」이 두 종류를\n * 함께 바꾸는 일이 구조적으로 일어나지 않는다.\n */\nconst AXES: Record<Axis, { list: string; updateMultiple: string; update: string; remove: string }> = {\n  common: {\n    list: 'commonApprovalLines',\n    updateMultiple: 'updateMultipleApprovalLine',\n    update: 'updateApprovalLine',\n    remove: 'deleteApprovalLines'\n  },\n  mine: {\n    list: 'myApprovalLines',\n    updateMultiple: 'updateMultipleMyApprovalLine',\n    update: 'updateMyApprovalLine',\n    remove: 'deleteMyApprovalLines'\n  }\n}\n\n/**\n * 결재선 — **한 화면, 두 축.**\n *\n * ── 왜 한 화면인가 ─────────────────────────────────────────────────────────\n * 전에는 「공용 결재선」과 「내 결재선」이 각각 메뉴였다. 같은 것을 관리하는 두 자리라, 찾을 때마다\n * 어느 쪽에 있었는지를 먼저 기억해야 했다.\n *\n * ── 왜 섞지 않고 축으로 가르는가 ────────────────────────────────────────────\n * 두 결재선은 **바꾸는 행위의 무게가 다르다.**\n *\n *   공용   조직의 규정이다. 바꾸면 남의 결재 경로가 바뀐다. 권한이 있어야 고친다\n *   내 결재선  내 편의다. 바꿔도 나만 영향받는다\n *\n * 한 목록에 섞으면 「저장」 한 번이 내 편의 설정과 조직 규정을 함께 저지른다. 축으로 가르면 축마다\n * 질의도 저장도 따로여서 그 일이 일어나지 않는다.\n *\n * 공용 축을 감추지는 않는다 — **누구나 참조할 수 있고, 권한이 있으면 고칠 수도 있다.** 권한이 없으면\n * 그 축에서 고칠 수만 없게 한다.\n *\n * ── 주소가 축을 갖는다 ──────────────────────────────────────────────────────\n *   /approval-line-list         공용\n *   /approval-line-list/mine    내 결재선\n *\n * 대상이 바뀌는 것이므로 필터와 달리 주소에 담는다. 붙여 보낼 수 있고, 뒤로 가기가 앞 축으로 돌아간다.\n *\n * ── 줄마다 그 결재선이 보인다 ───────────────────────────────────────────────\n * 결재선의 내용은 **누가 몇 번째로 결재하나**다. 이름만 늘어놓고 내용을 팝업에 두면 「팀장만 거치는\n * 게 있었나」를 알려고 줄마다 열어 봐야 한다.\n *\n *   오세진 → 윤가람 [참조] → 한동수\n *\n * 결재자가 하나도 없으면 상신이 곧 완료된다 — 승인 게이트가 있는 척만 하게 된다. 그것도 줄에 적는다.\n */\n@customElement('approval-line-list-page')\nexport class ApprovalLineListPage extends localize(i18next)(ScopedElementsMixin(PageView)) {\n  static styles = [\n    ScrollbarStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        width: 100%;\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n\n      /* 축 — 표 바깥 위. 결재함의 묶음 탭과 같은 어휘다. */\n      .axes {\n        flex: none;\n        display: flex;\n        gap: var(--spacing-large);\n        padding: 0 var(--spacing-medium);\n        border-bottom: 1px solid var(--ui-line, #d6dbe0);\n      }\n\n      .axes button {\n        border: none;\n        background: none;\n        padding: var(--spacing-medium) 2px calc(var(--spacing-medium) - 2px);\n        border-bottom: 2px solid transparent;\n        font: inherit;\n        font-size: 14px;\n        color: var(--ui-muted, #57676f);\n        cursor: pointer;\n      }\n\n      .axes button:hover:not([data-selected]) {\n        color: var(--ui-ink, #17272f);\n      }\n\n      /* 색은 밑줄이 말한다 — 브랜드 초록은 14px 글자로는 안 읽힌다(대비 3.91). */\n      .axes button[data-selected] {\n        font-weight: 600;\n        color: var(--ui-ink, #17272f);\n        border-bottom-color: var(--ui-accent, #262e38);\n      }\n    `\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  @state() private axis: Axis = 'common'\n\n  /**\n   * 이 사람이 공용 결재선을 고칠 수 있나.\n   *\n   * `hasPrivilege` 는 프로필을 기다리는 비동기 함수인데 그리스트의 `editable` 은 동기로 불린다. 그래서\n   * 한 번 물어 여기에 담는다.\n   *\n   * **기본값이 false 인 것이 중요하다.** 답이 오기 전 한 순간을 「고칠 수 있음」으로 그리면 그 사이에\n   * 누른 사람이 거절당한다.\n   */\n  @state() private mayEditCommon = false\n\n  /**\n   * 내가 사원으로 등록되어 있나.\n   *\n   * 내 결재선은 사원 기록에 매인다 — 서버가 `ownerValue` 를 그 기록의 id 로 채운다. 등록되어 있지\n   * 않으면 **만들 수가 없다.** 그것을 미리 알지 못하면 화면이 입력을 다 받아 놓고 저장할 때 실패한다.\n   *\n   * 없을 수도 있고 둘 이상일 수도 있다(`(domain, user)` 유일 제약이 없다). 여기서 필요한 것은 하나라도\n   * 있느냐뿐이다.\n   */\n  @state() private amEmployee = false\n\n  /** 지금 축을 고칠 수 있나. 공용은 권한이 있어야 하고, 내 결재선은 언제나 된다. */\n  private get editable() {\n    return this.axis === 'mine' ? this.amEmployee : this.mayEditCommon\n  }\n\n  get context() {\n    return {\n      title: i18next.t('title.approval-line'),\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/approval-line',\n      /*\n       * 고칠 수 없는 축에서는 저장·삭제 버튼을 두지 않는다.\n       *\n       * 눌러 놓고 거절당하는 것보다 처음부터 없는 편이 낫다. 그리고 이 축은 **보러 온 자리**라는 것이\n       * 버튼 없음으로 말해진다.\n       */\n      actions: this.editable\n        ? [\n            {\n              icon: 'save',\n              title: i18next.t('button.save'),\n              action: this.save.bind(this)\n            },\n            {\n              icon: 'delete',\n              title: i18next.t('button.delete'),\n              action: this.delete.bind(this),\n              emphasis: { danger: true }\n            }\n          ]\n        : []\n    }\n  }\n\n  render() {\n    const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')\n\n    return html`\n      <div class=\"axes\">\n        ${(\n          [\n            ['common', 'label.approval-line-common'],\n            ['mine', 'label.approval-line-mine']\n          ] as [Axis, string][]\n        ).map(\n          ([axis, label]) => html`\n            <button ?data-selected=${this.axis === axis} @click=${() => this.selectAxis(axis)}>\n              ${i18next.t(label)}\n            </button>\n          `\n        )}\n      </div>\n\n      <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}></ox-grist>\n    `\n  }\n\n  /**\n   * 축을 고른다 — **주소만 바꾼다.**\n   *\n   * 값을 여기서 세우지 않는다. 바뀐 주소를 `pageUpdated` 가 받아 세운다. 그래야 뒤로 가기와 새로 고침이\n   * 같은 자리로 온다.\n   */\n  private selectAxis(axis: Axis) {\n    if (axis === this.axis) {\n      return\n    }\n\n    const page = this.lifecycle?.page || 'approval-line-list'\n    navigate(axis === 'common' ? page : `${page}/${axis}`)\n  }\n\n  /** 한 사람을 무엇으로 부를까. 이름이 없으면 관리번호라도 보인다 — 빈 칸으로 두지 않는다. */\n  private approverText(item: any) {\n    return item?.approver?.name || item?.approver?.controlNo || i18next.t('text.approver-unknown')\n  }\n\n  async pageInitialized(lifecycle: any) {\n    /*\n     * 권한을 먼저 묻는다. 서버 지시자와 **같은 인자**다 —\n     * `@privilege(category: \"organization\", privilege: \"mutation\", domainOwnerGranted: true)`.\n     *\n     * `superUserGranted` 는 넣지 않는다. 지시자에 없기 때문이다. 넣으면 슈퍼유저에게 고칠 수 있는 줄로\n     * 그려 놓고 서버가 거절한다.\n     */\n    this.mayEditCommon = !!(await hasPrivilege({\n      category: 'organization',\n      privilege: 'mutation',\n      domainOwnerGranted: true\n    }))\n\n    this.amEmployee = await this.askAmEmployee()\n\n    this.axis = lifecycle?.resourceId === 'mine' ? 'mine' : 'common'\n    this.applyConfig()\n  }\n\n  /**\n   * 내가 사원인가를 서버에 묻는다.\n   *\n   * `myEmployees` 는 권한이 없다 — 「나는 누구인가」는 권한으로 가릴 사실이 아니다. `employees` 는\n   * `employee:query` 를 요구해서, 정작 답이 필요한 일반 사원이 물을 수 없다.\n   */\n  private async askAmEmployee() {\n    const response = await client.query({\n      query: gql`\n        query {\n          myEmployees {\n            id\n          }\n        }\n      `\n    })\n\n    return (response.data?.myEmployees || []).length > 0\n  }\n\n  async pageUpdated(changes: any, after: any, before: any) {\n    if (after?.resourceId === before?.resourceId) {\n      return\n    }\n\n    this.axis = after?.resourceId === 'mine' ? 'mine' : 'common'\n    this.applyConfig()\n    await this.grist?.fetch()\n  }\n\n  private applyConfig() {\n    /* 고칠 수 있는 축에서만 빈 줄을 내민다 — 적을 수 없는 자리에 적을 칸을 두지 않는다. */\n    const editable = this.editable\n\n    this.gristConfig = {\n      list: {\n        fields: ['name', 'model'],\n        details: ['updatedAt']\n      },\n      /*\n       * 빈 화면이 **왜 비었는지**를 말한다.\n       *\n       * 사원이 아닌 사람의 「내 결재선」은 「없는 것」이 아니라 **가질 수 없는 것**이다. 그 둘을 같은\n       * 문장으로 말하면, 읽은 사람은 만들면 되는 줄 알고 적다가 저장에서 막힌다.\n       */\n      emptyNote: this.emptyNote(),\n      rows: {\n        appendable: editable,\n        selectable: { multiple: true }\n      },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence', fixed: true },\n        ...(editable ? [{ type: 'gutter', gutterName: 'row-selector', fixed: true, multiple: true }] : []),\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          fixed: true,\n          /*\n           * 고칠 수 없는 축에서는 「고치기」가 아니라 「보기」다. 버튼을 없애지는 않는다 — 공용 결재선이\n           * 무엇을 거치는지는 누구나 봐야 한다.\n           */\n          icon: (record: any) => (!record?.id ? '' : editable ? 'reorder' : 'visibility'),\n          iconOnly: false,\n          title: (record: any) =>\n            !record?.id ? '' : editable ? i18next.t('button.edit') : i18next.t('button.view'),\n          width: 72,\n          handlers: {\n            click: (columns: any, data: any, column: any, record: any) => {\n              if (!record.id) {\n                return\n              }\n\n              const popup = openPopup(\n                html`\n                  <approval-line-items-editor-popup\n                    .confirmCallback=${editable\n                      ? async (model: any) => {\n                          await this.updateModel(record, model)\n                          await this.grist.fetch()\n\n                          return false\n                        }\n                      : undefined}\n                    .value=${record.model}\n                  ></approval-line-items-editor-popup>\n                `,\n                {\n                  backdrop: true,\n                  help: 'organization/approval-line-items-editor',\n                  size: 'large',\n                  title: editable ? i18next.t('title.approval-line item list') : record.name\n                }\n              )\n              popup.onclosed = () => {\n                this.grist?.fetch()\n              }\n            }\n          }\n        },\n        {\n          type: 'string',\n          name: 'name',\n          fixed: true,\n          header: i18next.t('field.name'),\n          record: { editable },\n          filter: 'search',\n          sortable: true,\n          width: 220\n        },\n        {\n          /*\n           * ── 결재선 자체 ──────────────────────────────────────────────────\n           * 이 칸이 이 화면의 이유다. 참조는 결재를 막지 않으므로 결재자와 같은 무게로 읽히면 안 된다 —\n           * 표식을 붙여 가른다.\n           *\n           * 넘치면 잘리므로 `title` 에 전문을 담는다.\n           */\n          type: 'string',\n          name: 'model',\n          header: i18next.t('field.approval-line'),\n          record: {\n            editable: false,\n            renderer: (value: any, column: any, record: any) => {\n              /* 아직 없는 줄(맨 아래 빈 줄)에는 아무 말도 하지 않는다. */\n              if (!record?.id) {\n                return html``\n              }\n\n              const items = Array.isArray(value) ? value : []\n\n              if (!items.length) {\n                /* 결재자가 없으면 상신이 곧 완료된다. 조용히 빈 칸으로 두지 않는다. */\n                return html`<span style=\"color: var(--md-sys-color-error)\"\n                  >${i18next.t('text.approval-line-empty')}</span\n                >`\n              }\n\n              const plain = items\n                .map(item =>\n                  isReferenceStep(item)\n                    ? `${this.approverText(item)} (${i18next.t('label.participation-reference')})`\n                    : this.approverText(item)\n                )\n                .join(' → ')\n\n              return html`\n                <span\n                  title=${plain}\n                  style=\"display:flex; align-items:center; gap:4px; overflow:hidden; white-space:nowrap\"\n                >\n                  ${items.map(\n                    (item, index) => html`\n                      ${index > 0 ? html`<span style=\"color: var(--ui-faint, #8a959c)\">→</span>` : ''}\n                      <span style=${isReferenceStep(item) ? 'color: var(--ui-muted, #57676f)' : ''}\n                        >${this.approverText(item)}</span\n                      >\n                      ${isReferenceStep(item)\n                        ? html`<em\n                            style=\"font-style:normal; font-size:11px; padding:0 4px; border-radius:999px;\n                                   border:1px solid var(--ui-line, #d6dbe0); color: var(--ui-muted, #57676f)\"\n                            >${i18next.t('label.participation-reference')}</em\n                          >`\n                        : ''}\n                    `\n                  )}\n                </span>\n              `\n            }\n          },\n          width: 340\n        },\n        {\n          type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: { editable },\n          filter: 'search',\n          width: 220\n        },\n        {\n          type: 'resource-object',\n          name: 'updater',\n          header: i18next.t('field.updater'),\n          record: { editable: false },\n          sortable: true,\n          width: 90\n        },\n        {\n          type: 'datetime',\n          name: 'updatedAt',\n          header: i18next.t('field.updated_at'),\n          record: { editable: false },\n          sortable: true,\n          width: 180\n        }\n      ],\n      sorters: [{ name: 'name' }]\n    }\n  }\n\n  private emptyNote() {\n    if (this.axis === 'common') {\n      return {\n        icon: 'approval',\n        title: i18next.t('text.no-common-approval-line-title'),\n        description: i18next.t('text.no-common-approval-line-description')\n      }\n    }\n\n    if (!this.amEmployee) {\n      return {\n        icon: 'badge',\n        title: i18next.t('text.not-an-employee-title'),\n        description: i18next.t('text.not-an-employee-description')\n      }\n    }\n\n    return {\n      icon: 'approval',\n      title: i18next.t('text.no-my-approval-line-title'),\n      description: i18next.t('text.no-my-approval-line-description')\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: ${AXES[this.axis].list}(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              name\n              description\n              ownerType\n              model {\n                type\n                participation\n                notifyAfter\n                approver {\n                  id\n                  name\n                  description\n                  controlNo\n                }\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    return {\n      total: response.data.responses.total || 0,\n      records: response.data.responses.items || []\n    }\n  }\n\n  private async save() {\n    const dirty = this.grist.dirtyRecords\n    if (!dirty?.length) {\n      return\n    }\n\n    const patches = dirty.map((record: any) => {\n      const patch: any = record.id ? { id: record.id } : {}\n      const dirtyFields = record.__dirtyfields__ || {}\n      for (const key in dirtyFields) {\n        patch[key] = dirtyFields[key].after\n      }\n      patch.cuFlag = record.__dirty__\n\n      /* 공용 축에서 새로 만드는 것은 공용이다 — 서버가 그것을 값으로 안다. */\n      if (this.axis === 'common') {\n        patch.ownerType = 'Common'\n      }\n\n      return patch\n    })\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation ($patches: [ApprovalLinePatch!]!) {\n          ${AXES[this.axis].updateMultiple}(patches: $patches) {\n            name\n          }\n        }\n      `,\n      variables: { patches }\n    })\n\n    if (response.errors) {\n      notify({ level: 'error', message: response.errors.map(error => error.message).join('\\n') })\n    } else {\n      notify({ message: i18next.t('text.saved') })\n    }\n\n    this.grist.fetch()\n  }\n\n  private async delete() {\n    const ids = (this.grist.selected || []).map((record: any) => record.id).filter(Boolean)\n    if (!ids.length) {\n      return\n    }\n\n    if (!confirm(i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }))) {\n      return\n    }\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation ($ids: [String!]!) {\n          ${AXES[this.axis].remove}(ids: $ids)\n        }\n      `,\n      variables: { ids }\n    })\n\n    if (response.errors) {\n      notify({ level: 'error', message: response.errors.map(error => error.message).join('\\n') })\n    } else {\n      notify({ message: i18next.t('text.deleted') })\n    }\n\n    this.grist.fetch()\n  }\n\n  /** 결재선의 내용(누가 몇 번째로 결재하나)을 저장한다. */\n  private async updateModel(record: any, model: any) {\n    const response = await client.mutate({\n      mutation: gql`\n        mutation ($id: String!, $patch: ApprovalLinePatch!) {\n          ${AXES[this.axis].update}(id: $id, patch: $patch) {\n            id\n          }\n        }\n      `,\n      variables: { id: record.id, patch: { model, cuFlag: 'M' } }\n    })\n\n    if (response.errors) {\n      notify({ level: 'error', message: response.errors.map(error => error.message).join('\\n') })\n    } else {\n      notify({ message: i18next.t('text.saved') })\n    }\n  }\n}\n"]}

package/dist-client/pages/approval-line/common-approval-line-templates-page.d.ts

@@ -1,5 +1,4 @@
 import '@operato/data-grist';
-import '@operato/context/ox-context-page-toolbar.js';
 import '../../component/approval-line-items-editor-popup';
 import { PageView } from '@operato/shell';
 import { FetchOption } from '@operato/data-grist';
@@ -32,7 +31,6 @@ export declare class CommonApprovalLineTemplatesPage extends CommonApprovalLineT
                 danger: boolean;
             };
         })[];
-        toolbar: boolean;
     };
     render(): import("lit-html").TemplateResult<1>;
     pageInitialized(lifecycle: any): Promise<void>;