@things-factory/organization 10.1.26 → 10.1.28

package/dist-client/pages/department/department-tree-page.js

@@ -1,336 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@operato/data-tree';
-import { css, html } from 'lit';
-import { customElement, query, state } from 'lit/decorators.js';
-import { ScopedElementsMixin } from '@open-wc/scoped-elements';
-import { client } from '@operato/graphql';
-import { i18next, localize } from '@operato/i18n';
-import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles';
-import { CustomAlert, PageView } from '@operato/shell';
-import gql from 'graphql-tag';
-import { DepartmentImporter } from './department-importer';
-import { Department } from '../../types/department';
-import { DepartmentView } from '../../component/department-view';
-const SubDepartmentFragment = gql `
-  fragment SubDepartmentFragment on Department {     id
-    controlNo
-    name
-    description
-
-    manager {       id
-      name
-      controlNo
-      photo
-      email
- }
-    active
-    picture
-
-    updater {       id
-      name
- }
-    updatedAt
- }
-`;
-let DepartmentTreePage = class DepartmentTreePage extends localize(i18next)(ScopedElementsMixin(PageView)) {
-    constructor() {
-        super(...arguments);
-        this.modified = false;
-        this.appendable = false;
-    }
-    static { this.styles = [
-        CommonHeaderStyles,
-        ScrollbarStyles,
-        css `
-      :host {         display: flex;
-        flex-direction: column;
-
-        width: 100%;
-        overflow: auto;
- }
-
-      content {         flex: 1;
-        display: flex;
-        flex-direction: row;
- }
-
-      div[editor] {         width: 300px;
-        display: flex;
-        flex-direction: column;
- }
-
-      ox-tree-vertical {         flex: 1;
-        overflow: auto;
- }
-
-      department-view {         flex: 1;
-        padding: var(--spacing-medium);
-        background-color: var(--md-sys-color-surface-variant);
-        overflow: auto;
- }
-
-      .footer button[disabled] {         color: var(--md-sys-color-surface-dim);
-        background-color: transparent;
- }
-    `
-    ]; }
-    static get scopedElements() {
-        return { 'department-importer': DepartmentImporter
-        };
-    }
-    /*
-     * 「삭제」는 여기 없다 — 편집 판의 아래 줄에 있다.
-     *
-     * 이 화면의 삭제는 **선택한 부서 하나**를 지운다. 「저장」·「추가」와 대상이 같다. 전역 버튼 줄에
-     * 두면 그 판의 아래 줄 바로 밑에 또 한 줄이 서서, 같은 대상을 다루는 버튼 셋이 두 줄로 갈린다.
-     *
-     * 대상에서 떨어져 있었다는 표시가 코드에 남아 있었다 — 아무것도 안 고른 채로 누를 수 있어서
-     * 「부서를 먼저 선택하세요」 경고창을 띄웠다. 대상 옆에 두고 선택이 없으면 못 누르게 하면 그
-     * 경고가 필요 없다.
-     */
-    get context() {
-        return { title: i18next.t('title.department list'),
-            help: 'organization/department',
-            exportable: { name: i18next.t('title.department list'),
-                data: this.exportHandler.bind(this)
-            },
-            importable: { handler: this.importHandler.bind(this)
-            }
-        };
-    }
-    render() {
-        return html `
-      <content>
-        <ox-tree-vertical
-          .data=${this.root}
-          .selected=${this.selected}
-          @select=${this.onSelect.bind(this)}
-          id-property="controlNo"
-          label-property="name"
-          description-property="description"
-        ></ox-tree-vertical>
-
-        <div editor>
-          <department-view
-            .department=${this.department}
-            @property-change=${(e) => {
-            const { controlNo, name } = e.detail || {};
-            this.modified = true;
-            this.appendable = controlNo && controlNo !== this.selected?.controlNo && name !== this.selected?.name;
-        }}
-          ></department-view>
-          <div class="footer">
-            <button @click=${this.reset.bind(this)}><md-icon>restart_alt</md-icon>${i18next.t('button.reset')}</button>
-            <div filler></div>
-            <button @click=${this.create.bind(this)} ?disabled=${!this.appendable}>
-              <md-icon>add</md-icon>${i18next.t('button.add')}
-            </button>
-            <button @click=${this.save.bind(this)} ?disabled=${!this.modified} done>
-              <md-icon>save</md-icon>${i18next.t('button.save')}
-            </button>
-            <!--
-              글자 없이 아이콘만 둔다. 판이 300px 인데 글자를 붙인 버튼 넷은 안 들어가서 글자가 두
-              줄로 접혔다. 그리고 지우는 일은 눈에 덜 권하는 편이 낫다. 뜻은 툴팁이 말한다.
-            -->
-            <button
-              @click=${this.delete.bind(this)}
-              ?disabled=${!this.selected}
-              title=${i18next.t('button.delete')}
-              danger
-            >
-              <md-icon>delete</md-icon>
-            </button>
-          </div>
-        </div>
-      </content>
-    `;
-    }
-    updated(changes) {
-        if (changes.has('selected')) {
-            this.modified = false;
-            this.department = { ...this.selected };
-        }
-    }
-    onSelect(e) {
-        this.selected = e.detail;
-        this.updateContext();
-    }
-    reset() {
-        this.departmentView.department = {};
-    }
-    async create() {
-        const { id: parentId } = this.department || {};
-        const { controlNo, name, description, picture, active, manager } = this.department || {};
-        var department = { controlNo,
-            name,
-            description,
-            manager,
-            active
-        };
-        if (picture instanceof File) {
-            department.picture = picture;
-        }
-        if (parentId) {
-            department.parent = { id: parentId };
-        }
-        const response = await client.mutate({ mutation: gql `
-        mutation ($department: NewDepartment!) {           createDepartment(department: $department) {             ...SubDepartmentFragment
- }
- }
-
-        ${SubDepartmentFragment}
-      `,
-            variables: { department
-            },
-            context: { hasUpload: true
-            }
-        });
-        this.selected = response.data.createDepartment;
-        this.updateContext();
-        await this.fetch();
-    }
-    async save() {
-        const { id, controlNo, name, description, picture, active, manager } = this.department || {};
-        if (!id) {
-            await CustomAlert({ type: 'warning',
-                title: 'department not selected',
-                text: 'Please select department first.',
-                confirmButton: { text: i18next.t('button.confirm') }
-            });
-            return;
-        }
-        var patch = { controlNo,
-            name,
-            description,
-            active,
-            manager
-        };
-        if (picture instanceof File) {
-            patch.picture = picture;
-        }
-        const response = await client.mutate({ mutation: gql `
-        mutation ($id: String!, $patch: DepartmentPatch!) {           updateDepartment(id: $id, patch: $patch) {             ...SubDepartmentFragment
- }
- }
-
-        ${SubDepartmentFragment}
-      `,
-            variables: { id,
-                patch
-            },
-            context: { hasUpload: true
-            }
-        });
-        this.selected = response.data.updateDepartment;
-        this.fetch();
-    }
-    async delete() {
-        if (!this.selected) {
-            await CustomAlert({ type: 'warning',
-                title: 'department not selected',
-                text: 'Please select department first.',
-                confirmButton: { text: i18next.t('button.confirm') }
-            });
-            return;
-        }
-        const children = this.selected?.children;
-        if (children && children.length > 0) {
-            await CustomAlert({ type: 'warning',
-                title: 'Departments with subordinates cannot be deleted.',
-                text: 'Department having children cannot be deleted.',
-                confirmButton: { text: i18next.t('button.confirm') }
-            });
-            return;
-        }
-        if (confirm(i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }))) {
-            const { id } = this.selected || {};
-            const response = await client.mutate({ mutation: gql `
-          mutation ($id: String!) {             deleteDepartment(id: $id)
- }
-        `,
-                variables: { id
-                }
-            });
-            this.selected = {};
-            this.updateContext();
-            await this.fetch();
-        }
-    }
-    async pageInitialized(lifecycle) {
-        this.fetch();
-    }
-    async pageUpdated(changes, lifecycle) {
-        if (this.active) { // do something here when this page just became as active
-        }
-    }
-    async fetch() {
-        const response = await client.query({ query: gql `
-        query {           responses: departmentRoots {             total
-            items {               ...SubDepartmentFragment
-              children {                 ...SubDepartmentFragment
-                children {                   ...SubDepartmentFragment
-                  children {                     ...SubDepartmentFragment
-                    children {                       ...SubDepartmentFragment
-                      children {                         ...SubDepartmentFragment
-                        children {                           ...SubDepartmentFragment
-                          children {                             ...SubDepartmentFragment
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
-
-        ${SubDepartmentFragment}
-      `
-        });
-        const { items: records, total } = response.data.responses;
-        this.root = records[0];
-    }
-    async exportHandler() { }
-    async importHandler(records) { }
-};
-__decorate([
-    state(),
-    __metadata("design:type", Department)
-], DepartmentTreePage.prototype, "root", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Department)
-], DepartmentTreePage.prototype, "selected", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Department)
-], DepartmentTreePage.prototype, "department", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Boolean)
-], DepartmentTreePage.prototype, "modified", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Boolean)
-], DepartmentTreePage.prototype, "appendable", void 0);
-__decorate([
-    query('department-view'),
-    __metadata("design:type", DepartmentView
-    /*
-     * 「삭제」는 여기 없다 — 편집 판의 아래 줄에 있다.
-     *
-     * 이 화면의 삭제는 **선택한 부서 하나**를 지운다. 「저장」·「추가」와 대상이 같다. 전역 버튼 줄에
-     * 두면 그 판의 아래 줄 바로 밑에 또 한 줄이 서서, 같은 대상을 다루는 버튼 셋이 두 줄로 갈린다.
-     *
-     * 대상에서 떨어져 있었다는 표시가 코드에 남아 있었다 — 아무것도 안 고른 채로 누를 수 있어서
-     * 「부서를 먼저 선택하세요」 경고창을 띄웠다. 대상 옆에 두고 선택이 없으면 못 누르게 하면 그
-     * 경고가 필요 없다.
-     */
-    )
-], DepartmentTreePage.prototype, "departmentView", void 0);
-DepartmentTreePage = __decorate([
-    customElement('department-tree-page')
-], DepartmentTreePage);
-export { DepartmentTreePage };
-//# sourceMappingURL=department-tree-page.js.map

package/dist-client/pages/department/department-tree-page.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"department-tree-page.js","sourceRoot":"","sources":["../../../client/pages/department/department-tree-page.ts"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,CAAA;AAE3B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAY,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAEhE,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;CAoBhC,CAAA;AAGM,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAAjF;;QA4CI,aAAQ,GAAY,KAAK,CAAA;QACzB,eAAU,GAAY,KAAK,CAAA;IAyOtC,CAAC;aAtRmG,WAAM,GAAG;QACzG,kBAAkB;QAClB,eAAe;QACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BF;KACF,AAnCuG,CAmCvG;IAED,MAAM,KAAK,cAAc;QAAS,OAAO,EAAQ,qBAAqB,EAAE,kBAAkB;SAC1F,CAAA;IACD,CAAC;IAUA;;;;;;;;;OASG;IACH,IAAI,OAAO;QAAS,OAAO,EAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC;YACxE,IAAI,EAAE,yBAAyB;YAC/B,UAAU,EAAE,EAAU,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC;gBAC5D,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;aACzC;YACI,UAAU,EAAE,EAAU,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;aAChE;SACA,CAAA;IACD,CAAC;IAEA,MAAM;QAAS,OAAO,IAAI,CAAA;;;kBAGV,IAAI,CAAC,IAAI;sBACL,IAAI,CAAC,QAAQ;oBACf,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;0BAQlB,IAAI,CAAC,UAAU;+BACV,CAAC,CAAc,EAAE,EAAE;YAAiB,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,IAAI,EAAE,CAAA;YAE/F,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;YACpB,IAAI,CAAC,UAAU,GAAG,SAAS,IAAI,SAAS,KAAK,IAAI,CAAC,QAAQ,EAAE,SAAS,IAAI,IAAI,KAAK,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAA;QAClH,CAAC;;;6BAG2B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,kCAAkC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;;6BAEhF,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU;sCAC3C,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;;6BAEhC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ;uCACtC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;;;;;;;uBAOxC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;0BACnB,CAAC,IAAI,CAAC,QAAQ;sBAClB,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;;;;;;;;KAQ3C,CAAA;IACJ,CAAC;IAEA,OAAO,CAAC,OAA6B;QAAQ,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YAAO,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;YACnG,IAAI,CAAC,UAAU,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAA;QAC3C,CAAC;IACD,CAAC;IAEA,QAAQ,CAAC,CAAc;QAAQ,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,MAAoB,CAAA;QACnE,IAAI,CAAC,aAAa,EAAE,CAAA;IACvB,CAAC;IAEA,KAAK;QAAS,IAAI,CAAC,cAAc,CAAC,UAAU,GAAG,EAAE,CAAA;IAClD,CAAC;IAEA,KAAK,CAAC,MAAM;QAAS,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,UAAU,IAAI,EAAE,CAAA;QACjE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,UAAU,IAAI,EAAE,CAAA;QAExF,IAAI,UAAU,GAAG,EAAQ,SAAS;YAChC,IAAI;YACJ,WAAW;YACX,OAAO;YACP,MAAM;SACH,CAAA;QAEL,IAAK,OAAe,YAAY,IAAI,EAAE,CAAC;YAAO,UAAU,CAAC,OAAO,GAAG,OAAO,CAAA;QAC7E,CAAC;QAEE,IAAI,QAAQ,EAAE,CAAC;YAAO,UAAU,CAAC,MAAM,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAA;QAC7D,CAAC;QAEE,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,EAAQ,QAAQ,EAAE,GAAG,CAAA;;;;;UAKpD,qBAAqB;OACxB;YACD,SAAS,EAAE,EAAU,UAAU;aACnC;YACI,OAAO,EAAE,EAAU,SAAS,EAAE,IAAI;aACtC;SACA,CAAC,CAAA;QAEC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAA;QAC9C,IAAI,CAAC,aAAa,EAAE,CAAA;QAEpB,MAAM,IAAI,CAAC,KAAK,EAAE,CAAA;IACrB,CAAC;IAEA,KAAK,CAAC,IAAI;QAAS,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,UAAU,IAAI,EAAE,CAAA;QAE7G,IAAI,CAAC,EAAE,EAAE,CAAC;YAAO,MAAM,WAAW,CAAC,EAAU,IAAI,EAAE,SAAS;gBACxD,KAAK,EAAE,yBAAyB;gBAChC,IAAI,EAAE,iCAAiC;gBACvC,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE;aAC1D,CAAC,CAAA;YAEG,OAAM;QACX,CAAC;QAEE,IAAI,KAAK,GAAG,EAAQ,SAAS;YAC3B,IAAI;YACJ,WAAW;YACX,MAAM;YACN,OAAO;SACJ,CAAA;QAEL,IAAK,OAAe,YAAY,IAAI,EAAE,CAAC;YAAO,KAAK,CAAC,OAAO,GAAG,OAAO,CAAA;QACxE,CAAC;QAEE,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,EAAQ,QAAQ,EAAE,GAAG,CAAA;;;;;UAKpD,qBAAqB;OACxB;YACD,SAAS,EAAE,EAAU,EAAE;gBACrB,KAAK;aACX;YACI,OAAO,EAAE,EAAU,SAAS,EAAE,IAAI;aACtC;SACA,CAAC,CAAA;QAEC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAA;QAE9C,IAAI,CAAC,KAAK,EAAE,CAAA;IACf,CAAC;IAEA,KAAK,CAAC,MAAM;QAAS,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAAO,MAAM,WAAW,CAAC,EAAU,IAAI,EAAE,SAAS;gBACtF,KAAK,EAAE,yBAAyB;gBAChC,IAAI,EAAE,iCAAiC;gBACvC,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE;aAC1D,CAAC,CAAA;YAEG,OAAM;QACX,CAAC;QAEE,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAA;QACxC,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAAO,MAAM,WAAW,CAAC,EAAU,IAAI,EAAE,SAAS;gBACpF,KAAK,EAAE,kDAAkD;gBACzD,IAAI,EAAE,+CAA+C;gBACrD,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE;aAC1D,CAAC,CAAA;YAEG,OAAM;QACX,CAAC;QAEE,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,EAAE,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;YAAO,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;YAEnH,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,EAAU,QAAQ,EAAE,GAAG,CAAA;;;SAGzD;gBACD,SAAS,EAAE,EAAY,EAAE;iBAC/B;aACA,CAAC,CAAA;YAEG,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAA;YAClB,IAAI,CAAC,aAAa,EAAE,CAAA;YAEpB,MAAM,IAAI,CAAC,KAAK,EAAE,CAAA;QACvB,CAAC;IACD,CAAC;IAEA,KAAK,CAAC,eAAe,CAAC,SAAc;QAAQ,IAAI,CAAC,KAAK,EAAE,CAAA;IACzD,CAAC;IAEA,KAAK,CAAC,WAAW,CAAC,OAAY,EAAE,SAAc;QAAQ,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,CAAO,yDAAyD;QACzI,CAAC;IACD,CAAC;IAEA,KAAK,CAAC,KAAK;QAAS,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,EAAQ,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;UAqBlE,qBAAqB;OACxB;SACL,CAAC,CAAA;QACC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAA;QAEzD,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA;IACzB,CAAC;IAEA,KAAK,CAAC,aAAa,KAAI,CAAC;IAExB,KAAK,CAAC,aAAa,CAAC,OAAO,IAAG,CAAC;;AA5OtB;IAAR,KAAK,EAAE;8BAAQ,UAAU;gDAAA;AACjB;IAAR,KAAK,EAAE;8BAAY,UAAU;oDAAA;AACrB;IAAR,KAAK,EAAE;8BAAc,UAAU;sDAAA;AACvB;IAAR,KAAK,EAAE;;oDAA0B;AACzB;IAAR,KAAK,EAAE;;sDAA4B;AAEV;IAAzB,KAAK,CAAC,iBAAiB,CAAC;8BAAkB,cAAc;IAEzD;;;;;;;;;OASG;;0DAXsD;AA/C9C,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAsR9B","sourcesContent":["import '@operato/data-tree'\n\nimport { css, html, PropertyValues } 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 { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\nimport { CustomAlert, PageView } from '@operato/shell'\n\nimport gql from 'graphql-tag'\n\nimport { DepartmentImporter } from './department-importer'\nimport { Department } from '../../types/department'\n\nimport { DepartmentView } from '../../component/department-view'\n\nconst SubDepartmentFragment = gql`\n  fragment SubDepartmentFragment on Department {     id\n    controlNo\n    name\n    description\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-tree-page')\nexport class DepartmentTreePage extends localize(i18next)(ScopedElementsMixin(PageView)) {   static styles = [\n    CommonHeaderStyles,\n    ScrollbarStyles,\n    css`\n      :host {         display: flex;\n        flex-direction: column;\n\n        width: 100%;\n        overflow: auto;\n }\n\n      content {         flex: 1;\n        display: flex;\n        flex-direction: row;\n }\n\n      div[editor] {         width: 300px;\n        display: flex;\n        flex-direction: column;\n }\n\n      ox-tree-vertical {         flex: 1;\n        overflow: auto;\n }\n\n      department-view {         flex: 1;\n        padding: var(--spacing-medium);\n        background-color: var(--md-sys-color-surface-variant);\n        overflow: auto;\n }\n\n      .footer button[disabled] {         color: var(--md-sys-color-surface-dim);\n        background-color: transparent;\n }\n    `\n  ]\n\n  static get scopedElements() {     return {       'department-importer': DepartmentImporter\n }\n }\n\n  @state() root?: Department\n  @state() selected?: Department\n  @state() department?: Department\n  @state() modified: boolean = false\n  @state() appendable: boolean = false\n\n  @query('department-view') departmentView!: DepartmentView\n\n  /*\n   * 「삭제」는 여기 없다 — 편집 판의 아래 줄에 있다.\n   *\n   * 이 화면의 삭제는 **선택한 부서 하나**를 지운다. 「저장」·「추가」와 대상이 같다. 전역 버튼 줄에\n   * 두면 그 판의 아래 줄 바로 밑에 또 한 줄이 서서, 같은 대상을 다루는 버튼 셋이 두 줄로 갈린다.\n   *\n   * 대상에서 떨어져 있었다는 표시가 코드에 남아 있었다 — 아무것도 안 고른 채로 누를 수 있어서\n   * 「부서를 먼저 선택하세요」 경고창을 띄웠다. 대상 옆에 두고 선택이 없으면 못 누르게 하면 그\n   * 경고가 필요 없다.\n   */\n  get context() {     return {       title: i18next.t('title.department list'),\n      help: 'organization/department',\n      exportable: {         name: i18next.t('title.department list'),\n        data: this.exportHandler.bind(this)\n },\n      importable: {         handler: this.importHandler.bind(this)\n }\n }\n }\n\n  render() {     return html`\n      <content>\n        <ox-tree-vertical\n          .data=${this.root}\n          .selected=${this.selected}\n          @select=${this.onSelect.bind(this)}\n          id-property=\"controlNo\"\n          label-property=\"name\"\n          description-property=\"description\"\n        ></ox-tree-vertical>\n\n        <div editor>\n          <department-view\n            .department=${this.department}\n            @property-change=${(e: CustomEvent) => {               const { controlNo, name } = e.detail || {}\n\n              this.modified = true\n              this.appendable = controlNo && controlNo !== this.selected?.controlNo && name !== this.selected?.name\n }}\n          ></department-view>\n          <div class=\"footer\">\n            <button @click=${this.reset.bind(this)}><md-icon>restart_alt</md-icon>${i18next.t('button.reset')}</button>\n            <div filler></div>\n            <button @click=${this.create.bind(this)} ?disabled=${!this.appendable}>\n              <md-icon>add</md-icon>${i18next.t('button.add')}\n            </button>\n            <button @click=${this.save.bind(this)} ?disabled=${!this.modified} done>\n              <md-icon>save</md-icon>${i18next.t('button.save')}\n            </button>\n            <!--\n              글자 없이 아이콘만 둔다. 판이 300px 인데 글자를 붙인 버튼 넷은 안 들어가서 글자가 두\n              줄로 접혔다. 그리고 지우는 일은 눈에 덜 권하는 편이 낫다. 뜻은 툴팁이 말한다.\n            -->\n            <button\n              @click=${this.delete.bind(this)}\n              ?disabled=${!this.selected}\n              title=${i18next.t('button.delete')}\n              danger\n            >\n              <md-icon>delete</md-icon>\n            </button>\n          </div>\n        </div>\n      </content>\n    `\n }\n\n  updated(changes: PropertyValues<this>) {     if (changes.has('selected')) {       this.modified = false\n      this.department = { ...this.selected }\n }\n }\n\n  onSelect(e: CustomEvent) {     this.selected = e.detail as Department\n    this.updateContext()\n }\n\n  reset() {     this.departmentView.department = {}\n }\n\n  async create() {     const { id: parentId } = this.department || {}\n    const { controlNo, name, description, picture, active, manager } = this.department || {}\n\n    var department = {       controlNo,\n      name,\n      description,\n      manager,\n      active\n } as any\n\n    if ((picture as any) instanceof File) {       department.picture = picture\n }\n\n    if (parentId) {       department.parent = { id: parentId }\n }\n\n    const response = await client.mutate({       mutation: gql`\n        mutation ($department: NewDepartment!) {           createDepartment(department: $department) {             ...SubDepartmentFragment\n }\n }\n\n        ${SubDepartmentFragment}\n      `,\n      variables: {         department\n },\n      context: {         hasUpload: true\n }\n })\n\n    this.selected = response.data.createDepartment\n    this.updateContext()\n\n    await this.fetch()\n }\n\n  async save() {     const { id, controlNo, name, description, picture, active, manager } = this.department || {}\n\n    if (!id) {       await CustomAlert({         type: 'warning',\n        title: 'department not selected',\n        text: 'Please select department first.',\n        confirmButton: { text: i18next.t('button.confirm') }\n })\n\n      return\n }\n\n    var patch = {       controlNo,\n      name,\n      description,\n      active,\n      manager\n } as any\n\n    if ((picture as any) instanceof File) {       patch.picture = picture\n }\n\n    const response = await client.mutate({       mutation: gql`\n        mutation ($id: String!, $patch: DepartmentPatch!) {           updateDepartment(id: $id, patch: $patch) {             ...SubDepartmentFragment\n }\n }\n\n        ${SubDepartmentFragment}\n      `,\n      variables: {         id,\n        patch\n },\n      context: {         hasUpload: true\n }\n })\n\n    this.selected = response.data.updateDepartment\n\n    this.fetch()\n }\n\n  async delete() {     if (!this.selected) {       await CustomAlert({         type: 'warning',\n        title: 'department not selected',\n        text: 'Please select department first.',\n        confirmButton: { text: i18next.t('button.confirm') }\n })\n\n      return\n }\n\n    const children = this.selected?.children\n    if (children && children.length > 0) {       await CustomAlert({         type: 'warning',\n        title: 'Departments with subordinates cannot be deleted.',\n        text: 'Department having children cannot be deleted.',\n        confirmButton: { text: i18next.t('button.confirm') }\n })\n\n      return\n }\n\n    if (confirm(i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }))) {       const { id } = this.selected || {}\n\n      const response = await client.mutate({         mutation: gql`\n          mutation ($id: String!) {             deleteDepartment(id: $id)\n }\n        `,\n        variables: {           id\n }\n })\n\n      this.selected = {}\n      this.updateContext()\n\n      await this.fetch()\n }\n }\n\n  async pageInitialized(lifecycle: any) {     this.fetch()\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 fetch() {     const response = await client.query({       query: gql`\n        query {           responses: departmentRoots {             total\n            items {               ...SubDepartmentFragment\n              children {                 ...SubDepartmentFragment\n                children {                   ...SubDepartmentFragment\n                  children {                     ...SubDepartmentFragment\n                    children {                       ...SubDepartmentFragment\n                      children {                         ...SubDepartmentFragment\n                        children {                           ...SubDepartmentFragment\n                          children {                             ...SubDepartmentFragment\n }\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n        ${SubDepartmentFragment}\n      `\n })\n    const { items: records, total } = response.data.responses\n\n    this.root = records[0]\n }\n\n  async exportHandler() {}\n\n  async importHandler(records) {}\n}\n"]}

package/dist-client/pages/employee/employees-by-department.d.ts

@@ -1,32 +0,0 @@
-import '@operato/data-tree';
-import { PageView } from '@operato/shell';
-import { FetchOption } from '@operato/data-grist';
-import { DepartmentImporter } from '../department/department-importer';
-import { Department } from '../../types/department';
-import { EmployeeListPage } from './employee-list-page';
-declare const EmployeesByDepartment_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
-export declare class EmployeesByDepartment extends EmployeesByDepartment_base {
-    static styles: import("lit").CSSResult[];
-    static get scopedElements(): {
-        'department-importer': typeof DepartmentImporter;
-    };
-    private grist;
-    gristConfig: any;
-    root?: Department;
-    selected?: Department;
-    employeeListPage: EmployeeListPage;
-    get context(): {
-        title: string;
-        actions: never[];
-    };
-    render(): import("lit-html").TemplateResult<1>;
-    pageInitialized(lifecycle: any): Promise<void>;
-    pageUpdated(changes: any, lifecycle: any): Promise<void>;
-    onSelect(e: CustomEvent): Promise<void>;
-    fetchEmployees({ page, limit, sortings, filters }: FetchOption): Promise<{
-        total: any;
-        records: any;
-    }>;
-    fetchDepartments(): Promise<void>;
-}
-export {};