@things-factory/organization 8.0.0 → 9.0.0-beta.3

package/dist-client/bootstrap.js

@@ -1,4 +1,7 @@
-import { registerEditor, registerRenderer } from '@operato/data-grist';
+import { registerEditor, registerRenderer, registerFilterRenderer } from '@operato/data-grist';
+import { FilterResourceCode } from '@operato/app/filters-form/filter-resource-code.js';
+import { FilterResourceObject } from '@operato/app/filters-form/filter-resource-object.js';
+import { FilterDepartmentObject } from './filters-form/filter-department-object.js';
 import { GristRendererDepartmentObject } from './grist-editor/grist-renderer-department-object';
 import { GristEditorDepartmentObject } from './grist-editor/grist-editor-department-object';
 import { GristEditorAssignees } from './grist-editor/grist-editor-assignees';
@@ -17,5 +20,9 @@ export default function bootstrap() {
     registerRenderer('approval-line', GristRendererApprovalLine);
     registerRenderer('assignees', GristRendererAssignees);
     registerRenderer('recipients', GristRendererRecipients);
+    registerFilterRenderer('code', [FilterResourceCode]);
+    registerFilterRenderer('object', [FilterResourceObject]);
+    registerFilterRenderer('resource-object', [FilterResourceObject]);
+    registerFilterRenderer('department-object', [FilterDepartmentObject]);
 }
 //# sourceMappingURL=bootstrap.js.map

package/dist-client/bootstrap.js.map

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

package/dist-client/filters-form/filter-department-object.d.ts

@@ -0,0 +1,3 @@
+import './ox-filter-department-object.js';
+import { FilterSelectRenderer } from '@operato/data-grist';
+export declare const FilterDepartmentObject: FilterSelectRenderer;

package/dist-client/filters-form/filter-department-object.js

@@ -0,0 +1,8 @@
+import './ox-filter-department-object.js';
+import { html } from 'lit-html';
+export const FilterDepartmentObject = (column, value, owner) => {
+    return html `
+    <ox-filter-department-object name=${column === null || column === void 0 ? void 0 : column.name} .column=${column} .value=${value}></ox-filter-department-object>
+  `;
+};
+//# sourceMappingURL=filter-department-object.js.map

package/dist-client/filters-form/filter-department-object.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-department-object.js","sourceRoot":"","sources":["../../client/filters-form/filter-department-object.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAI/B,MAAM,CAAC,MAAM,sBAAsB,GAAyB,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IACnF,OAAO,IAAI,CAAA;wCAC2B,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,YAAY,MAAM,WAAW,KAAK;GACnF,CAAA;AACH,CAAC,CAAA","sourcesContent":["import './ox-filter-department-object.js'\n\nimport { html } from 'lit-html'\n\nimport { FilterSelectRenderer } from '@operato/data-grist'\n\nexport const FilterDepartmentObject: FilterSelectRenderer = (column, value, owner) => {\n  return html`\n    <ox-filter-department-object name=${column?.name} .column=${column} .value=${value}></ox-filter-department-object>\n  `\n}\n"]}

package/dist-client/filters-form/ox-filter-department-object.d.ts

@@ -0,0 +1,15 @@
+import '../component/department-selector.js';
+import { TemplateResult } from 'lit';
+import { OxFormField } from '@operato/input';
+export declare class OxFilterDepartmentObject extends OxFormField {
+    static styles: import("lit").CSSResult[];
+    column: any;
+    value?: string;
+    department?: any;
+    private popup?;
+    private template?;
+    render(): TemplateResult<1>;
+    _onclick(e: Event): void;
+    _onkeydown(e: KeyboardEvent): void;
+    openSelector(): void;
+}

package/dist-client/filters-form/ox-filter-department-object.js

@@ -0,0 +1,130 @@
+import { __decorate, __metadata } from "tslib";
+import '../component/department-selector.js';
+import { css, html } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { i18next } from '@operato/i18n';
+import { openPopup } from '@operato/layout';
+import { OxFormField } from '@operato/input';
+let OxFilterDepartmentObject = class OxFilterDepartmentObject extends OxFormField {
+    render() {
+        var { name, description } = this.department || (this.value ? { name: this.value } : {});
+        return html `
+      <div @click=${this._onclick} @keydown=${this._onkeydown}>
+        <span tabindex="0" style="flex:1">${name || ''}${(description && `(${description})`) || ''}</span>
+        <md-icon>search</md-icon>
+      </div>
+    `;
+    }
+    _onclick(e) {
+        e.stopPropagation();
+        this.openSelector();
+    }
+    _onkeydown(e) {
+        const key = e.key;
+        if (key == 'Enter') {
+            e.stopPropagation();
+            this.openSelector();
+        }
+    }
+    openSelector() {
+        if (this.popup) {
+            delete this.popup;
+        }
+        const confirmCallback = (selected) => {
+            var _a;
+            this.department = selected
+                ? {
+                    id: selected.id,
+                    controlNo: selected.controlNo,
+                    name: selected.name,
+                    description: selected.description
+                }
+                : null;
+            this.value = (_a = this.department) === null || _a === void 0 ? void 0 : _a.name;
+            this.dispatchEvent(new CustomEvent('change', {
+                bubbles: true,
+                composed: true,
+                detail: this.value
+            }));
+        };
+        var template = this.template ||
+            html `
+        <department-selector
+          .value=${this.department || {}}
+          .confirmCallback=${confirmCallback.bind(this)}
+        ></department-selector>
+      `;
+        this.popup = openPopup(template, {
+            backdrop: true,
+            size: 'large',
+            title: i18next.t('title.select_item')
+        });
+    }
+};
+OxFilterDepartmentObject.styles = [
+    css `
+      :host {
+        display: block;
+        position: relative;
+        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
+        min-width: 100px;
+
+        --ox-select-padding: var(--spacing-tiny);
+        --ox-select-font: var(--input-font);
+        --ox-select-color: var(--input-color, var(--md-sys-color-on-surface-variant));
+        --ox-select-icon-color: var(--theme-primary-text-color, var(--md-sys-color-on-surface-variant));
+        --ox-select-icon-hover-color: var(--md-sys-color-on-primary-container, #3c3938);
+      }
+
+      div {
+        width: 100%;
+        box-sizing: border-box;
+
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        padding: var(--ox-select-padding);
+        font: var(--ox-select-font);
+        color: var(--ox-select-color);
+      }
+
+      span {
+        flex: 1;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        gap: 4px;
+      }
+
+      md-icon {
+        --md-icon-size: 16px;
+        display: block;
+        text-align: right;
+        color: var(--ox-select-icon-color);
+        opacity: 0.7;
+      }
+
+      div:hover md-icon {
+        color: var(--md-sys-color-on-primary-container);
+      }
+    `
+];
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], OxFilterDepartmentObject.prototype, "column", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], OxFilterDepartmentObject.prototype, "value", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], OxFilterDepartmentObject.prototype, "department", void 0);
+OxFilterDepartmentObject = __decorate([
+    customElement('ox-filter-department-object')
+], OxFilterDepartmentObject);
+export { OxFilterDepartmentObject };
+//# sourceMappingURL=ox-filter-department-object.js.map

package/dist-client/filters-form/ox-filter-department-object.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-filter-department-object.js","sourceRoot":"","sources":["../../client/filters-form/ox-filter-department-object.ts"],"names":[],"mappings":";AAAA,OAAO,qCAAqC,CAAA;AAE5C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,SAAS,EAAe,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAGrC,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,WAAW;IA4DvD,MAAM;QACJ,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;QAEvF,OAAO,IAAI,CAAA;oBACK,IAAI,CAAC,QAAQ,aAAa,IAAI,CAAC,UAAU;4CACjB,IAAI,IAAI,EAAE,GAAG,CAAC,WAAW,IAAI,IAAI,WAAW,GAAG,CAAC,IAAI,EAAE;;;KAG7F,CAAA;IACH,CAAC;IAED,QAAQ,CAAC,CAAQ;QACf,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,IAAI,CAAC,YAAY,EAAE,CAAA;IACrB,CAAC;IAED,UAAU,CAAC,CAAgB;QACzB,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAA;QACjB,IAAI,GAAG,IAAI,OAAO,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,IAAI,CAAC,YAAY,EAAE,CAAA;QACrB,CAAC;IACH,CAAC;IAED,YAAY;QACV,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,IAAI,CAAC,KAAK,CAAA;QACnB,CAAC;QAED,MAAM,eAAe,GAAG,CAAC,QAAmC,EAAE,EAAE;;YAC9D,IAAI,CAAC,UAAU,GAAG,QAAQ;gBACxB,CAAC,CAAC;oBACE,EAAE,EAAE,QAAQ,CAAC,EAAE;oBACf,SAAS,EAAE,QAAQ,CAAC,SAAS;oBAC7B,IAAI,EAAE,QAAQ,CAAC,IAAI;oBACnB,WAAW,EAAE,QAAQ,CAAC,WAAW;iBAClC;gBACH,CAAC,CAAC,IAAI,CAAA;YAER,IAAI,CAAC,KAAK,GAAG,MAAA,IAAI,CAAC,UAAU,0CAAE,IAAI,CAAA;YAElC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;gBACxB,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,IAAI,CAAC,KAAK;aACnB,CAAC,CACH,CAAA;QACH,CAAC,CAAA;QAED,IAAI,QAAQ,GACV,IAAI,CAAC,QAAQ;YACb,IAAI,CAAA;;mBAES,IAAI,CAAC,UAAU,IAAI,EAAE;6BACX,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;OAEhD,CAAA;QAEH,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,QAAQ,EAAE;YAC/B,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;SACtC,CAAC,CAAA;IACJ,CAAC;;AA3HM,+BAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+CF;CACF,AAjDY,CAiDZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;wDAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uDAAe;AAEjC;IAAR,KAAK,EAAE;;4DAAiB;AAvDd,wBAAwB;IADpC,aAAa,CAAC,6BAA6B,CAAC;GAChC,wBAAwB,CA6HpC","sourcesContent":["import '../component/department-selector.js'\n\nimport { css, html, TemplateResult } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\nimport { openPopup, PopupHandle } from '@operato/layout'\nimport { OxFormField } from '@operato/input'\n\n@customElement('ox-filter-department-object')\nexport class OxFilterDepartmentObject extends OxFormField {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        position: relative;\n        border-bottom: 1px solid rgba(0, 0, 0, 0.15);\n        min-width: 100px;\n\n        --ox-select-padding: var(--spacing-tiny);\n        --ox-select-font: var(--input-font);\n        --ox-select-color: var(--input-color, var(--md-sys-color-on-surface-variant));\n        --ox-select-icon-color: var(--theme-primary-text-color, var(--md-sys-color-on-surface-variant));\n        --ox-select-icon-hover-color: var(--md-sys-color-on-primary-container, #3c3938);\n      }\n\n      div {\n        width: 100%;\n        box-sizing: border-box;\n\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        padding: var(--ox-select-padding);\n        font: var(--ox-select-font);\n        color: var(--ox-select-color);\n      }\n\n      span {\n        flex: 1;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        gap: 4px;\n      }\n\n      md-icon {\n        --md-icon-size: 16px;\n        display: block;\n        text-align: right;\n        color: var(--ox-select-icon-color);\n        opacity: 0.7;\n      }\n\n      div:hover md-icon {\n        color: var(--md-sys-color-on-primary-container);\n      }\n    `\n  ]\n\n  @property({ type: Object }) column: any\n  @property({ type: String }) value?: string\n\n  @state() department?: any\n\n  private popup?: PopupHandle\n  private template?: TemplateResult\n\n  render() {\n    var { name, description } = this.department || (this.value ? { name: this.value } : {})\n\n    return html`\n      <div @click=${this._onclick} @keydown=${this._onkeydown}>\n        <span tabindex=\"0\" style=\"flex:1\">${name || ''}${(description && `(${description})`) || ''}</span>\n        <md-icon>search</md-icon>\n      </div>\n    `\n  }\n\n  _onclick(e: Event): void {\n    e.stopPropagation()\n    this.openSelector()\n  }\n\n  _onkeydown(e: KeyboardEvent): void {\n    const key = e.key\n    if (key == 'Enter') {\n      e.stopPropagation()\n      this.openSelector()\n    }\n  }\n\n  openSelector() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    const confirmCallback = (selected?: { [field: string]: any }) => {\n      this.department = selected\n        ? {\n            id: selected.id,\n            controlNo: selected.controlNo,\n            name: selected.name,\n            description: selected.description\n          }\n        : null\n\n      this.value = this.department?.name\n\n      this.dispatchEvent(\n        new CustomEvent('change', {\n          bubbles: true,\n          composed: true,\n          detail: this.value\n        })\n      )\n    }\n\n    var template =\n      this.template ||\n      html`\n        <department-selector\n          .value=${this.department || {}}\n          .confirmCallback=${confirmCallback.bind(this)}\n        ></department-selector>\n      `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: i18next.t('title.select_item')\n    })\n  }\n}\n"]}

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

@@ -376,7 +376,7 @@ let EmployeeListPage = class EmployeeListPage extends connect(store)(p13n(locali
                 },
                 {
                     type: 'date',
-                    name: 'retiredAt',
+                    name: 'retiredOn',
                     header: i18next.t('label.retired-at'),
                     width: 120,
                     record: {
@@ -476,7 +476,7 @@ let EmployeeListPage = class EmployeeListPage extends connect(store)(p13n(locali
               }
               note
               hiredOn
-              retiredAt
+              retiredOn
               contact {
                 id
                 email
@@ -572,7 +572,7 @@ let EmployeeListPage = class EmployeeListPage extends connect(store)(p13n(locali
             'alias',
             'type',
             'hiredOn',
-            'retiredAt',
+            'retiredOn',
             'active',
             'note'
         ]);

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

@@ -1 +1 @@
-{"version":3,"file":"employee-list-page.js","sourceRoot":"","sources":["../../../client/pages/employee/employee-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\nimport '@operato/context/ox-context-page-toolbar.js'\nimport '@things-factory/contact/dist-client'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin'\n\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { Contact } from '@operato/contact/ox-contact.js'\nimport { DataGrist, FetchOption, GristRecord } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { PageView, store } from '@operato/shell'\nimport { CommonHeaderStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { p13n } from '@operato/p13n'\n\nimport { EmployeeImporter } from './employee-importer'\n\n@customElement('employee-list-page')\nexport class EmployeeListPage extends connect(store)(p13n(localize(i18next)(ScopedElementsMixin(PageView)))) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n\n        width: 100%;\n\n        --ox-pfp-size: 40px;\n\n        --grid-record-emphasized-background-color: #8b0000;\n        --grid-record-emphasized-color: #ff6b6b;\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n\n      .header {\n        grid-template-areas: 'filters actions';\n      }\n    `\n  ]\n\n  static get scopedElements() {\n    return {\n      'employee-importer': EmployeeImporter\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  get context() {\n    return {\n      title: i18next.t('title.employee list'),\n      search: {\n        handler: (search: string) => {\n          this.grist.searchText = search\n        },\n        value: this.grist?.searchText || ''\n      },\n      filter: {\n        handler: () => {\n          this.grist.toggleHeadroom()\n        }\n      },\n      help: 'organization/employee',\n      actions: [\n        {\n          icon: 'save',\n          title: i18next.t('button.save'),\n          action: this.onUpdateEmployee.bind(this)\n        },\n        {\n          icon: 'delete',\n          title: i18next.t('button.delete'),\n          action: this.onDeleteEmployee.bind(this),\n          emphasis: {\n            danger: true\n          }\n        }\n      ],\n      exportable: {\n        name: i18next.t('title.employee list'),\n        data: this.exportHandler.bind(this)\n      },\n      importable: {\n        handler: this.importHandler.bind(this)\n      },\n      toolbar: false\n    }\n  }\n\n  render() {\n    const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')\n\n    return html`\n      <ox-grist\n        .mode=${mode}\n        .config=${this.gristConfig}\n        .fetchHandler=${this.fetchHandler.bind(this)}\n        .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')!}\n      >\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\">\n            <ox-filters-form class=\"filter\" autofocus without-search></ox-filters-form>\n          </div>\n\n          <ox-context-page-toolbar class=\"actions\" .context=${this.context}></ox-context-page-toolbar>\n        </div>\n\n        <ox-grist-personalizer slot=\"setting\"></ox-grist-personalizer>\n      </ox-grist>\n    `\n  }\n\n  async pageInitialized(lifecycle: any) {\n    this.gristConfig = {\n      pagination: { pages: [50, 100, 200] },\n      list: {\n        thumbnail: 'profile',\n        fields: ['controlNo', 'name'],\n        details: ['email', 'department', 'hiredOn', 'updatedAt']\n      },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence', fixed: true },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true, fixed: true },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          header: i18next.t('field.register-account'),\n          icon: record => (record.id && !record.user ? 'badge' : ''),\n          iconOnly: false,\n          title: record => (record.id && !record.user ? i18next.t('button.register-account') : ''),\n          width: 80,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              if (!record || !record.id || record.user) {\n                /* TODO record가 새로 추가된 것이면 리턴하도록 한다. */\n                return\n              }\n\n              this.attachSystemUser(record)\n            }\n          }\n        },\n        {\n          type: 'image',\n          name: 'profile',\n          header: i18next.t('button.edit-contact'),\n          width: 80,\n          record: {\n            align: 'center',\n            renderer: function (value, column, record, rowIndex, field) {\n              return html`<ox-pfp-view .profile=${record.profile} .name=${record.name || '+'}></ox-pfp-view>`\n            }\n          },\n          handlers: {\n            click: async (columns, data, column, record, rowIndex) => {\n              if (record && record.contact) {\n                this.openContactPopup(record)\n              } else {\n                this.openContactSelector(record)\n              }\n            }\n          }\n        },\n        {\n          type: 'string',\n          name: 'controlNo',\n          fixed: true,\n          header: i18next.t('field.control-no'),\n          record: {\n            editable: true,\n            mandatory: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 105\n        },\n        {\n          type: 'string',\n          name: 'name',\n          fixed: true,\n          header: i18next.t('field.name'),\n          record: {\n            editable: true,\n            mandatory: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 100\n        },\n        {\n          type: 'string',\n          name: 'alias',\n          header: i18next.t('label.alias'),\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: false,\n          width: 110\n        },\n        {\n          type: 'resource-object',\n          name: 'user',\n          header: i18next.t('field.system-user'),\n          record: {\n            editable: true,\n            options: {\n              title: i18next.t('title.lookup system-user'),\n              queryName: 'users',\n              basicArgs: { filters: [{ name: 'userType', operator: 'eq', value: 'user' }] },\n              descriptionField: 'email',\n              columns: [\n                { name: 'id', hidden: true },\n                { name: 'name', header: i18next.t('field.name'), filter: 'search' },\n                { name: 'email', header: i18next.t('field.email'), filter: 'search' }\n              ],\n              list: { fields: ['name', 'email'] }\n            }\n          },\n          sortable: false,\n          filter: 'search',\n          width: 100\n        },\n        {\n          type: 'code',\n          name: 'type',\n          header: i18next.t('field.type'),\n          width: 115,\n          sortable: true,\n          filter: true,\n          record: {\n            editable: true,\n            codeName: 'EMPLOYEE_TYPE',\n            selectDispOpt: 'name'\n          }\n        },\n        {\n          type: 'department-object',\n          name: 'department',\n          header: i18next.t('field.department'),\n          record: {\n            editable: true\n          },\n          sortable: false,\n          filter: true,\n          width: 130\n        },\n        {\n          type: 'resource-object',\n          name: 'supervisor',\n          header: i18next.t('field.supervisor'),\n          record: {\n            editable: true,\n            options: {\n              title: i18next.t('title.employee list'),\n              queryName: 'employees',\n              pagination: { pages: [50, 100, 200] },\n              basicArgs: {\n                filters: [\n                  {\n                    name: 'active',\n                    operator: 'eq',\n                    value: true\n                  }\n                ]\n              },\n              list: { fields: ['controlNo', 'name', 'alias', 'hiredOn'] },\n              columns: [\n                { name: 'id', hidden: true },\n                {\n                  name: 'controlNo',\n                  width: 120,\n                  header: { renderer: () => i18next.t('field.control-no') },\n                  filter: 'search',\n                  sortable: true\n                },\n                {\n                  name: 'name',\n                  width: 120,\n                  header: { renderer: () => i18next.t('field.name') },\n                  filter: 'search',\n                  sortable: true\n                },\n                {\n                  name: 'alias',\n                  width: 150,\n                  header: { renderer: () => i18next.t('label.alias') },\n                  filter: 'search',\n                  sortable: true\n                },\n                {\n                  type: 'code',\n                  name: 'type',\n                  width: 110,\n                  header: { renderer: () => i18next.t('label.type') },\n                  record: {\n                    editable: false,\n                    codeName: 'EMPLOYEE_TYPE',\n                    selectDispOpt: 'name'\n                  }\n                },\n                {\n                  type: 'code',\n                  name: 'jobPosition',\n                  width: 110,\n                  header: { renderer: () => i18next.t('label.job-position') },\n                  record: {\n                    editable: false,\n                    codeName: 'JOB_POSITION',\n                    selectDispOpt: 'name'\n                  }\n                },\n                {\n                  type: 'code',\n                  name: 'jobResponsibility',\n                  width: 200,\n                  header: { renderer: () => i18next.t('label.job-responsibility') },\n                  record: {\n                    editable: false,\n                    codeName: 'JOB_RESPONSIBILITY',\n                    selectDispOpt: 'name'\n                  }\n                },\n                {\n                  type: 'date',\n                  name: 'hiredOn',\n                  header: { renderer: () => i18next.t('field.hired-on') },\n                  width: 120\n                }\n              ],\n              valueField: 'id',\n              nameField: 'name',\n              descriptionField: 'controlNo'\n            }\n          },\n          sortable: false,\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'email',\n          header: i18next.t('field.email'),\n          width: 200,\n          record: {\n            editable: false,\n            renderer: function (value, column, record, rowIndex, field) {\n              return record.contact ? record.contact.email : ''\n            }\n          },\n          sortable: false\n        },\n        {\n          type: 'string',\n          name: 'phone',\n          header: i18next.t('field.phone'),\n          width: 130,\n          record: {\n            editable: false,\n            renderer: function (value, column, record, rowIndex, field) {\n              return record.contact ? record.contact.phone : ''\n            }\n          },\n          sortable: false\n        },\n        {\n          type: 'code',\n          name: 'jobResponsibility',\n          header: i18next.t('label.job-responsibility'),\n          width: 175,\n          record: {\n            editable: true,\n            codeName: 'JOB_RESPONSIBILITY',\n            selectDispOpt: 'name'\n          },\n          filter: true\n        },\n        {\n          type: 'code',\n          name: 'jobPosition',\n          header: i18next.t('label.job-position'),\n          width: 100,\n          record: {\n            editable: true,\n            codeName: 'JOB_POSITION',\n            selectDispOpt: 'name'\n          },\n          filter: true\n        },\n        {\n          type: 'date',\n          name: 'hiredOn',\n          header: i18next.t('field.hired-on'),\n          width: 120,\n          record: {\n            editable: true\n          },\n          sortable: true\n        },\n        {\n          type: 'date',\n          name: 'retiredAt',\n          header: i18next.t('label.retired-at'),\n          width: 120,\n          record: {\n            editable: true\n          }\n        },\n        {\n          type: 'checkbox',\n          name: 'active',\n          label: true,\n          header: i18next.t('field.active'),\n          width: 70,\n          record: {\n            align: 'center',\n            editable: true\n          },\n          filter: true,\n          sortable: false\n        },\n        {\n          type: 'string',\n          name: 'note',\n          header: i18next.t('field.note'),\n          width: 200,\n          record: {\n            editable: true\n          },\n          filter: 'search'\n        },\n        {\n          type: 'resource-object',\n          name: 'updater',\n          header: i18next.t('field.updater'),\n          width: 90,\n          sortable: false\n        },\n        {\n          type: 'datetime',\n          name: 'updatedAt',\n          header: i18next.t('field.updated_at'),\n          width: 180,\n          sortable: true\n        },\n        {\n          type: 'resource-object',\n          name: 'contact',\n          hidden: true\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        }\n      },\n      sorters: [\n        {\n          name: 'controlNo'\n        }\n      ]\n    }\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (this.active) {\n      // do something here when this page just became as active\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: employees(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              controlNo\n              name\n              alias\n              type\n              jobResponsibility\n              jobPosition\n              active\n              email\n              phone\n              user {\n                id\n                name\n              }\n              department {\n                id\n                controlNo\n                name\n                description\n              }\n              supervisor {\n                id\n                name\n                controlNo\n              }\n              note\n              hiredOn\n              retiredAt\n              contact {\n                id\n                email\n                phone\n                address\n              }\n              profile {\n                left\n                top\n                zoom\n                picture\n              }\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters,\n        pagination: { page, limit },\n        sortings\n      }\n    })\n\n    const records = response.data.responses.items\n\n    return {\n      total: response.data.responses.total || 0,\n      records\n    }\n  }\n\n  async onDeleteEmployee() {\n    if (confirm(i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }))) {\n      const ids = this.grist.selected.map(record => record.id)\n      if (ids && ids.length > 0) {\n        const response = await client.mutate({\n          mutation: gql`\n            mutation ($ids: [String!]!) {\n              deleteEmployees(ids: $ids)\n            }\n          `,\n          variables: {\n            ids\n          }\n        })\n\n        if (!response.errors) {\n          this.grist.fetch()\n          notify({\n            message: i18next.t('text.info_x_successfully', { x: i18next.t('text.delete') })\n          })\n        }\n      }\n    }\n  }\n\n  async onUpdateEmployee() {\n    let patches = this.grist.dirtyRecords\n    if (patches && patches.length) {\n      patches = patches.map(patch => {\n        let patchField: any = patch.id ? { id: patch.id } : {}\n        const dirtyFields = patch.__dirtyfields__\n        for (let key in dirtyFields) {\n          patchField[key] = dirtyFields[key].after\n        }\n        patchField.cuFlag = patch.__dirty__\n\n        return patchField\n      })\n\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($patches: [EmployeePatch!]!) {\n            updateMultipleEmployee(patches: $patches) {\n              name\n            }\n          }\n        `,\n        variables: {\n          patches\n        }\n      })\n\n      if (!response.errors) {\n        this.grist.fetch()\n      }\n    }\n  }\n\n  async exportHandler() {\n    const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records\n    const targetFieldSet = new Set([\n      'id',\n      'controlNo',\n      'name',\n      'alias',\n      'type',\n      'hiredOn',\n      'retiredAt',\n      'active',\n      'note'\n    ])\n\n    return exportTargets.map(employee => {\n      let tempObj = {}\n      for (const field of targetFieldSet) {\n        tempObj[field] = employee[field]\n      }\n\n      return tempObj\n    })\n  }\n\n  async importHandler(records) {\n    const popup = openPopup(\n      html`\n        <employee-importer\n          .employees=${records}\n          @imported=${() => {\n            history.back()\n            this.grist.fetch()\n          }}\n        ></employee-importer>\n      `,\n      {\n        backdrop: true,\n        size: 'large',\n        title: i18next.t('title.import employee')\n      }\n    )\n\n    popup.onclosed = () => {\n      this.grist.fetch()\n    }\n  }\n\n  async openContactPopup(record: GristRecord) {\n    if (!record.contact?.id) {\n      return\n    }\n\n    const popup = openPopup(\n      html`\n        <contact-popup\n          .contactId=${record.contact.id}\n          @change=${() => {\n            this.grist.fetch()\n          }}\n          @detach=${() => {\n            this.detachContact(record)\n          }}\n          detachable\n        ></contact-popup>\n      `,\n      {\n        backdrop: true,\n        size: 'large',\n        title: i18next.t('title.contact')\n      }\n    )\n  }\n\n  async openContactSelector(record: GristRecord) {\n    const popup = openPopup(\n      html`\n        <contact-selector .confirmCallback=${selected => this.attachContact(record, selected)}></contact-selector>\n      `,\n      {\n        backdrop: true,\n        size: 'large',\n        title: i18next.t('title.contact')\n      }\n    )\n  }\n\n  async attachContact(record: GristRecord, contact: Contact) {\n    if (record.id) {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!, $contactId: String!) {\n            attachContact(id: $id, contactId: $contactId) {\n              id\n            }\n          }\n        `,\n        variables: {\n          id: record.id,\n          contactId: contact.id\n        }\n      })\n\n      this.grist.fetch()\n    } else if (contact?.id) {\n      this.grist.addRecord({\n        name: contact.name,\n        contact: {\n          id: contact.id,\n          name: contact.name,\n          email: (contact as any).email,\n          phone: (contact as any).phone,\n          address: (contact as any).address\n        }\n      })\n      this.grist.refresh()\n      await this.grist.requestUpdate()\n\n      this.grist.checkDirties()\n    }\n  }\n\n  async detachContact(record) {\n    if (record.id) {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!) {\n            detachContact(id: $id) {\n              id\n            }\n          }\n        `,\n        variables: {\n          id: record.id\n        }\n      })\n\n      this.grist.fetch()\n    } else {\n      record.contact = null\n      this.grist.refresh()\n    }\n  }\n\n  async attachSystemUser(record) {\n    if (!record.user) {\n      await client.mutate({\n        mutation: gql`\n          mutation ($employeeId: String!) {\n            registerEmployeeAsSystemUser(employeeId: $employeeId)\n          }\n        `,\n        variables: {\n          employeeId: record.id\n        }\n      })\n    }\n\n    this.grist.fetch()\n  }\n}\n"]}
+{"version":3,"file":"employee-list-page.js","sourceRoot":"","sources":["../../../client/pages/employee/employee-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\nimport '@operato/context/ox-context-page-toolbar.js'\nimport '@things-factory/contact/dist-client'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin'\n\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { Contact } from '@operato/contact/ox-contact.js'\nimport { DataGrist, FetchOption, GristRecord } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { PageView, store } from '@operato/shell'\nimport { CommonHeaderStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { p13n } from '@operato/p13n'\n\nimport { EmployeeImporter } from './employee-importer'\n\n@customElement('employee-list-page')\nexport class EmployeeListPage extends connect(store)(p13n(localize(i18next)(ScopedElementsMixin(PageView)))) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n\n        width: 100%;\n\n        --ox-pfp-size: 40px;\n\n        --grid-record-emphasized-background-color: #8b0000;\n        --grid-record-emphasized-color: #ff6b6b;\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n\n      .header {\n        grid-template-areas: 'filters actions';\n      }\n    `\n  ]\n\n  static get scopedElements() {\n    return {\n      'employee-importer': EmployeeImporter\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  get context() {\n    return {\n      title: i18next.t('title.employee list'),\n      search: {\n        handler: (search: string) => {\n          this.grist.searchText = search\n        },\n        value: this.grist?.searchText || ''\n      },\n      filter: {\n        handler: () => {\n          this.grist.toggleHeadroom()\n        }\n      },\n      help: 'organization/employee',\n      actions: [\n        {\n          icon: 'save',\n          title: i18next.t('button.save'),\n          action: this.onUpdateEmployee.bind(this)\n        },\n        {\n          icon: 'delete',\n          title: i18next.t('button.delete'),\n          action: this.onDeleteEmployee.bind(this),\n          emphasis: {\n            danger: true\n          }\n        }\n      ],\n      exportable: {\n        name: i18next.t('title.employee list'),\n        data: this.exportHandler.bind(this)\n      },\n      importable: {\n        handler: this.importHandler.bind(this)\n      },\n      toolbar: false\n    }\n  }\n\n  render() {\n    const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')\n\n    return html`\n      <ox-grist\n        .mode=${mode}\n        .config=${this.gristConfig}\n        .fetchHandler=${this.fetchHandler.bind(this)}\n        .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')!}\n      >\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\">\n            <ox-filters-form class=\"filter\" autofocus without-search></ox-filters-form>\n          </div>\n\n          <ox-context-page-toolbar class=\"actions\" .context=${this.context}></ox-context-page-toolbar>\n        </div>\n\n        <ox-grist-personalizer slot=\"setting\"></ox-grist-personalizer>\n      </ox-grist>\n    `\n  }\n\n  async pageInitialized(lifecycle: any) {\n    this.gristConfig = {\n      pagination: { pages: [50, 100, 200] },\n      list: {\n        thumbnail: 'profile',\n        fields: ['controlNo', 'name'],\n        details: ['email', 'department', 'hiredOn', 'updatedAt']\n      },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence', fixed: true },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true, fixed: true },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          header: i18next.t('field.register-account'),\n          icon: record => (record.id && !record.user ? 'badge' : ''),\n          iconOnly: false,\n          title: record => (record.id && !record.user ? i18next.t('button.register-account') : ''),\n          width: 80,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              if (!record || !record.id || record.user) {\n                /* TODO record가 새로 추가된 것이면 리턴하도록 한다. */\n                return\n              }\n\n              this.attachSystemUser(record)\n            }\n          }\n        },\n        {\n          type: 'image',\n          name: 'profile',\n          header: i18next.t('button.edit-contact'),\n          width: 80,\n          record: {\n            align: 'center',\n            renderer: function (value, column, record, rowIndex, field) {\n              return html`<ox-pfp-view .profile=${record.profile} .name=${record.name || '+'}></ox-pfp-view>`\n            }\n          },\n          handlers: {\n            click: async (columns, data, column, record, rowIndex) => {\n              if (record && record.contact) {\n                this.openContactPopup(record)\n              } else {\n                this.openContactSelector(record)\n              }\n            }\n          }\n        },\n        {\n          type: 'string',\n          name: 'controlNo',\n          fixed: true,\n          header: i18next.t('field.control-no'),\n          record: {\n            editable: true,\n            mandatory: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 105\n        },\n        {\n          type: 'string',\n          name: 'name',\n          fixed: true,\n          header: i18next.t('field.name'),\n          record: {\n            editable: true,\n            mandatory: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 100\n        },\n        {\n          type: 'string',\n          name: 'alias',\n          header: i18next.t('label.alias'),\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: false,\n          width: 110\n        },\n        {\n          type: 'resource-object',\n          name: 'user',\n          header: i18next.t('field.system-user'),\n          record: {\n            editable: true,\n            options: {\n              title: i18next.t('title.lookup system-user'),\n              queryName: 'users',\n              basicArgs: { filters: [{ name: 'userType', operator: 'eq', value: 'user' }] },\n              descriptionField: 'email',\n              columns: [\n                { name: 'id', hidden: true },\n                { name: 'name', header: i18next.t('field.name'), filter: 'search' },\n                { name: 'email', header: i18next.t('field.email'), filter: 'search' }\n              ],\n              list: { fields: ['name', 'email'] }\n            }\n          },\n          sortable: false,\n          filter: 'search',\n          width: 100\n        },\n        {\n          type: 'code',\n          name: 'type',\n          header: i18next.t('field.type'),\n          width: 115,\n          sortable: true,\n          filter: true,\n          record: {\n            editable: true,\n            codeName: 'EMPLOYEE_TYPE',\n            selectDispOpt: 'name'\n          }\n        },\n        {\n          type: 'department-object',\n          name: 'department',\n          header: i18next.t('field.department'),\n          record: {\n            editable: true\n          },\n          sortable: false,\n          filter: true,\n          width: 130\n        },\n        {\n          type: 'resource-object',\n          name: 'supervisor',\n          header: i18next.t('field.supervisor'),\n          record: {\n            editable: true,\n            options: {\n              title: i18next.t('title.employee list'),\n              queryName: 'employees',\n              pagination: { pages: [50, 100, 200] },\n              basicArgs: {\n                filters: [\n                  {\n                    name: 'active',\n                    operator: 'eq',\n                    value: true\n                  }\n                ]\n              },\n              list: { fields: ['controlNo', 'name', 'alias', 'hiredOn'] },\n              columns: [\n                { name: 'id', hidden: true },\n                {\n                  name: 'controlNo',\n                  width: 120,\n                  header: { renderer: () => i18next.t('field.control-no') },\n                  filter: 'search',\n                  sortable: true\n                },\n                {\n                  name: 'name',\n                  width: 120,\n                  header: { renderer: () => i18next.t('field.name') },\n                  filter: 'search',\n                  sortable: true\n                },\n                {\n                  name: 'alias',\n                  width: 150,\n                  header: { renderer: () => i18next.t('label.alias') },\n                  filter: 'search',\n                  sortable: true\n                },\n                {\n                  type: 'code',\n                  name: 'type',\n                  width: 110,\n                  header: { renderer: () => i18next.t('label.type') },\n                  record: {\n                    editable: false,\n                    codeName: 'EMPLOYEE_TYPE',\n                    selectDispOpt: 'name'\n                  }\n                },\n                {\n                  type: 'code',\n                  name: 'jobPosition',\n                  width: 110,\n                  header: { renderer: () => i18next.t('label.job-position') },\n                  record: {\n                    editable: false,\n                    codeName: 'JOB_POSITION',\n                    selectDispOpt: 'name'\n                  }\n                },\n                {\n                  type: 'code',\n                  name: 'jobResponsibility',\n                  width: 200,\n                  header: { renderer: () => i18next.t('label.job-responsibility') },\n                  record: {\n                    editable: false,\n                    codeName: 'JOB_RESPONSIBILITY',\n                    selectDispOpt: 'name'\n                  }\n                },\n                {\n                  type: 'date',\n                  name: 'hiredOn',\n                  header: { renderer: () => i18next.t('field.hired-on') },\n                  width: 120\n                }\n              ],\n              valueField: 'id',\n              nameField: 'name',\n              descriptionField: 'controlNo'\n            }\n          },\n          sortable: false,\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'email',\n          header: i18next.t('field.email'),\n          width: 200,\n          record: {\n            editable: false,\n            renderer: function (value, column, record, rowIndex, field) {\n              return record.contact ? record.contact.email : ''\n            }\n          },\n          sortable: false\n        },\n        {\n          type: 'string',\n          name: 'phone',\n          header: i18next.t('field.phone'),\n          width: 130,\n          record: {\n            editable: false,\n            renderer: function (value, column, record, rowIndex, field) {\n              return record.contact ? record.contact.phone : ''\n            }\n          },\n          sortable: false\n        },\n        {\n          type: 'code',\n          name: 'jobResponsibility',\n          header: i18next.t('label.job-responsibility'),\n          width: 175,\n          record: {\n            editable: true,\n            codeName: 'JOB_RESPONSIBILITY',\n            selectDispOpt: 'name'\n          },\n          filter: true\n        },\n        {\n          type: 'code',\n          name: 'jobPosition',\n          header: i18next.t('label.job-position'),\n          width: 100,\n          record: {\n            editable: true,\n            codeName: 'JOB_POSITION',\n            selectDispOpt: 'name'\n          },\n          filter: true\n        },\n        {\n          type: 'date',\n          name: 'hiredOn',\n          header: i18next.t('field.hired-on'),\n          width: 120,\n          record: {\n            editable: true\n          },\n          sortable: true\n        },\n        {\n          type: 'date',\n          name: 'retiredOn',\n          header: i18next.t('label.retired-at'),\n          width: 120,\n          record: {\n            editable: true\n          }\n        },\n        {\n          type: 'checkbox',\n          name: 'active',\n          label: true,\n          header: i18next.t('field.active'),\n          width: 70,\n          record: {\n            align: 'center',\n            editable: true\n          },\n          filter: true,\n          sortable: false\n        },\n        {\n          type: 'string',\n          name: 'note',\n          header: i18next.t('field.note'),\n          width: 200,\n          record: {\n            editable: true\n          },\n          filter: 'search'\n        },\n        {\n          type: 'resource-object',\n          name: 'updater',\n          header: i18next.t('field.updater'),\n          width: 90,\n          sortable: false\n        },\n        {\n          type: 'datetime',\n          name: 'updatedAt',\n          header: i18next.t('field.updated_at'),\n          width: 180,\n          sortable: true\n        },\n        {\n          type: 'resource-object',\n          name: 'contact',\n          hidden: true\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        }\n      },\n      sorters: [\n        {\n          name: 'controlNo'\n        }\n      ]\n    }\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (this.active) {\n      // do something here when this page just became as active\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: employees(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              controlNo\n              name\n              alias\n              type\n              jobResponsibility\n              jobPosition\n              active\n              email\n              phone\n              user {\n                id\n                name\n              }\n              department {\n                id\n                controlNo\n                name\n                description\n              }\n              supervisor {\n                id\n                name\n                controlNo\n              }\n              note\n              hiredOn\n              retiredOn\n              contact {\n                id\n                email\n                phone\n                address\n              }\n              profile {\n                left\n                top\n                zoom\n                picture\n              }\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters,\n        pagination: { page, limit },\n        sortings\n      }\n    })\n\n    const records = response.data.responses.items\n\n    return {\n      total: response.data.responses.total || 0,\n      records\n    }\n  }\n\n  async onDeleteEmployee() {\n    if (confirm(i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }))) {\n      const ids = this.grist.selected.map(record => record.id)\n      if (ids && ids.length > 0) {\n        const response = await client.mutate({\n          mutation: gql`\n            mutation ($ids: [String!]!) {\n              deleteEmployees(ids: $ids)\n            }\n          `,\n          variables: {\n            ids\n          }\n        })\n\n        if (!response.errors) {\n          this.grist.fetch()\n          notify({\n            message: i18next.t('text.info_x_successfully', { x: i18next.t('text.delete') })\n          })\n        }\n      }\n    }\n  }\n\n  async onUpdateEmployee() {\n    let patches = this.grist.dirtyRecords\n    if (patches && patches.length) {\n      patches = patches.map(patch => {\n        let patchField: any = patch.id ? { id: patch.id } : {}\n        const dirtyFields = patch.__dirtyfields__\n        for (let key in dirtyFields) {\n          patchField[key] = dirtyFields[key].after\n        }\n        patchField.cuFlag = patch.__dirty__\n\n        return patchField\n      })\n\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($patches: [EmployeePatch!]!) {\n            updateMultipleEmployee(patches: $patches) {\n              name\n            }\n          }\n        `,\n        variables: {\n          patches\n        }\n      })\n\n      if (!response.errors) {\n        this.grist.fetch()\n      }\n    }\n  }\n\n  async exportHandler() {\n    const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records\n    const targetFieldSet = new Set([\n      'id',\n      'controlNo',\n      'name',\n      'alias',\n      'type',\n      'hiredOn',\n      'retiredOn',\n      'active',\n      'note'\n    ])\n\n    return exportTargets.map(employee => {\n      let tempObj = {}\n      for (const field of targetFieldSet) {\n        tempObj[field] = employee[field]\n      }\n\n      return tempObj\n    })\n  }\n\n  async importHandler(records) {\n    const popup = openPopup(\n      html`\n        <employee-importer\n          .employees=${records}\n          @imported=${() => {\n            history.back()\n            this.grist.fetch()\n          }}\n        ></employee-importer>\n      `,\n      {\n        backdrop: true,\n        size: 'large',\n        title: i18next.t('title.import employee')\n      }\n    )\n\n    popup.onclosed = () => {\n      this.grist.fetch()\n    }\n  }\n\n  async openContactPopup(record: GristRecord) {\n    if (!record.contact?.id) {\n      return\n    }\n\n    const popup = openPopup(\n      html`\n        <contact-popup\n          .contactId=${record.contact.id}\n          @change=${() => {\n            this.grist.fetch()\n          }}\n          @detach=${() => {\n            this.detachContact(record)\n          }}\n          detachable\n        ></contact-popup>\n      `,\n      {\n        backdrop: true,\n        size: 'large',\n        title: i18next.t('title.contact')\n      }\n    )\n  }\n\n  async openContactSelector(record: GristRecord) {\n    const popup = openPopup(\n      html`\n        <contact-selector .confirmCallback=${selected => this.attachContact(record, selected)}></contact-selector>\n      `,\n      {\n        backdrop: true,\n        size: 'large',\n        title: i18next.t('title.contact')\n      }\n    )\n  }\n\n  async attachContact(record: GristRecord, contact: Contact) {\n    if (record.id) {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!, $contactId: String!) {\n            attachContact(id: $id, contactId: $contactId) {\n              id\n            }\n          }\n        `,\n        variables: {\n          id: record.id,\n          contactId: contact.id\n        }\n      })\n\n      this.grist.fetch()\n    } else if (contact?.id) {\n      this.grist.addRecord({\n        name: contact.name,\n        contact: {\n          id: contact.id,\n          name: contact.name,\n          email: (contact as any).email,\n          phone: (contact as any).phone,\n          address: (contact as any).address\n        }\n      })\n      this.grist.refresh()\n      await this.grist.requestUpdate()\n\n      this.grist.checkDirties()\n    }\n  }\n\n  async detachContact(record) {\n    if (record.id) {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!) {\n            detachContact(id: $id) {\n              id\n            }\n          }\n        `,\n        variables: {\n          id: record.id\n        }\n      })\n\n      this.grist.fetch()\n    } else {\n      record.contact = null\n      this.grist.refresh()\n    }\n  }\n\n  async attachSystemUser(record) {\n    if (!record.user) {\n      await client.mutate({\n        mutation: gql`\n          mutation ($employeeId: String!) {\n            registerEmployeeAsSystemUser(employeeId: $employeeId)\n          }\n        `,\n        variables: {\n          employeeId: record.id\n        }\n      })\n    }\n\n    this.grist.fetch()\n  }\n}\n"]}

package/dist-client/pages/employee/employees-by-department.js

@@ -303,7 +303,7 @@ let EmployeesByDepartment = class EmployeesByDepartment extends connect(store)(l
                 },
                 {
                     type: 'date',
-                    name: 'retiredAt',
+                    name: 'retiredOn',
                     header: i18next.t('label.retired-at'),
                     width: 100,
                     record: {
@@ -395,7 +395,7 @@ let EmployeesByDepartment = class EmployeesByDepartment extends connect(store)(l
               }
               note
               hiredOn
-              retiredAt
+              retiredOn
               contact {
                 id
                 email

package/dist-client/pages/employee/employees-by-department.js.map

@@ -1 +1 @@
-{"version":3,"file":"employees-by-department.js","sourceRoot":"","sources":["../../../client/pages/employee/employees-by-department.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-tree'\n\nimport { CommonButtonStyles, CommonHeaderStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView, store } 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 { DataGrist, FetchOption, GristRecord } from '@operato/data-grist'\n\nimport { connect } from 'pwa-helpers/connect-mixin'\nimport gql from 'graphql-tag'\n\nimport { DepartmentImporter } from '../department/department-importer'\nimport { Department } from '../../types/department'\n\nimport { EmployeeListPage } from './employee-list-page'\n\nconst departmentFragment = gql`\n  fragment SubDepartmentFragment on Department {\n    id\n    controlNo\n    name\n    description\n\n    manager {\n      id\n      name\n      controlNo\n      photo\n      email\n    }\n    active\n    state\n    picture\n\n    updater {\n      id\n      name\n    }\n    updatedAt\n  }\n`\n\n@customElement('employees-by-department')\nexport class EmployeesByDepartment extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: row;\n        overflow: auto;\n      }\n\n      ox-tree {\n        flex: 1;\n        overflow: auto;\n      }\n\n      ox-grist {\n        flex: 4;\n      }\n\n      ox-filters-form {\n        flex: 1;\n      }\n    `\n  ]\n\n  static get scopedElements() {\n    return {\n      'department-importer': DepartmentImporter\n    }\n  }\n\n  @query('ox-grist') private grist!: DataGrist\n  @property({ type: Object }) gristConfig: any\n\n  @state() root?: Department\n  @state() selected?: Department\n\n  @query('employee-list-page') employeeListPage!: EmployeeListPage\n\n  get context() {\n    return {\n      title: i18next.t('title.employees-by-department'),\n      actions: []\n    }\n  }\n\n  render() {\n    return html`\n      <ox-tree\n        .data=${this.root}\n        .selected=${this.selected}\n        @select=${this.onSelect.bind(this)}\n        label-property=\"name\"\n      ></ox-tree>\n\n      <ox-grist .config=${this.gristConfig} .fetchHandler=${this.fetchEmployees.bind(this)}>\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\">\n            <ox-filters-form autofocus></ox-filters-form>\n          </div>\n        </div>\n      </ox-grist>\n    `\n  }\n\n  async pageInitialized(lifecycle: any) {\n    this.gristConfig = {\n      pagination: { pages: [100] },\n      list: {\n        thumbnail: 'profile',\n        fields: ['controlNo', 'name'],\n        details: ['email', 'department', 'hiredOn', 'updatedAt']\n      },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        {\n          type: 'string',\n          name: 'controlNo',\n          header: i18next.t('field.control-no'),\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 105\n        },\n        {\n          type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 100\n        },\n        {\n          type: 'string',\n          name: 'alias',\n          header: i18next.t('label.alias'),\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 110\n        },\n        {\n          type: 'resource-object',\n          name: 'user',\n          header: i18next.t('field.user'),\n          record: {\n            editable: true,\n            options: {\n              title: i18next.t('title.lookup user'),\n              queryName: 'users',\n              basicArgs: { filters: [{ name: 'userType', operator: 'eq', value: 'user' }] },\n              descriptionField: 'email',\n              columns: [\n                { name: 'id', hidden: true },\n                { name: 'name', header: i18next.t('field.name'), filter: 'search' },\n                { name: 'email', header: i18next.t('field.email'), filter: 'search' }\n              ],\n              list: { fields: ['name', 'email'] }\n            }\n          },\n          sortable: true,\n          filter: false,\n          width: 100\n        },\n        {\n          type: 'code',\n          name: 'type',\n          header: i18next.t('field.type'),\n          width: 115,\n          sortable: false,\n          filter: false,\n          record: {\n            editable: true,\n            codeName: 'EMPLOYEE_TYPE'\n          }\n        },\n        {\n          type: 'department-object',\n          name: 'department',\n          header: i18next.t('field.department'),\n          record: {\n            editable: true\n          },\n          sortable: true,\n          filter: false,\n          width: 130\n        },\n        {\n          type: 'resource-object',\n          name: 'supervisor',\n          header: i18next.t('field.supervisor'),\n          record: {\n            editable: true,\n            options: {\n              title: i18next.t('title.employee list'),\n              queryName: 'employees',\n              pagination: { pages: [50, 100, 200] },\n              basicArgs: {\n                filters: [\n                  {\n                    name: 'active',\n                    operator: 'eq',\n                    value: true\n                  }\n                ]\n              },\n              list: { fields: ['controlNo', 'name', 'alias', 'hiredOn'] },\n              columns: [\n                { name: 'id', hidden: true },\n                {\n                  name: 'controlNo',\n                  width: 120,\n                  header: { renderer: () => i18next.t('field.control-no') },\n                  filter: 'search',\n                  sortable: true\n                },\n                {\n                  name: 'name',\n                  width: 120,\n                  header: { renderer: () => i18next.t('field.name') },\n                  filter: 'search',\n                  sortable: true\n                },\n                {\n                  name: 'alias',\n                  width: 150,\n                  header: { renderer: () => i18next.t('label.alias') },\n                  filter: 'search',\n                  sortable: true\n                },\n                {\n                  type: 'code',\n                  name: 'type',\n                  width: 110,\n                  header: { renderer: () => i18next.t('label.type') },\n                  record: {\n                    editable: false,\n                    codeName: 'EMPLOYEE_TYPE'\n                  }\n                },\n                {\n                  type: 'code',\n                  name: 'jobPosition',\n                  width: 110,\n                  header: { renderer: () => i18next.t('label.job-position') },\n                  record: {\n                    editable: false,\n                    codeName: 'JOB_POSITION'\n                  }\n                },\n                {\n                  type: 'code',\n                  name: 'jobResponsibility',\n                  width: 200,\n                  header: { renderer: () => i18next.t('label.job-responsibility') },\n                  record: {\n                    editable: false,\n                    codeName: 'JOB_RESPONSIBILITY'\n                  }\n                },\n                {\n                  type: 'date',\n                  name: 'hiredOn',\n                  header: { renderer: () => i18next.t('field.hired-on') },\n                  width: 100\n                }\n              ],\n              valueField: 'id',\n              nameField: 'name',\n              descriptionField: 'controlNo'\n            }\n          },\n          sortable: true,\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'email',\n          header: i18next.t('field.email'),\n          width: 200,\n          record: {\n            editable: false,\n            renderer: function (value, column, record, rowIndex, field) {\n              return record.contact ? record.contact.email : ''\n            }\n          },\n          sortable: true\n        },\n        {\n          type: 'string',\n          name: 'phone',\n          header: i18next.t('field.phone'),\n          width: 110,\n          record: {\n            editable: false,\n            renderer: function (value, column, record, rowIndex, field) {\n              return record.contact ? record.contact.phone : ''\n            }\n          },\n          sortable: true\n        },\n        {\n          type: 'code',\n          name: 'jobResponsibility',\n          header: i18next.t('label.job-responsibility'),\n          width: 175,\n          record: {\n            editable: true,\n            codeName: 'JOB_RESPONSIBILITY'\n          }\n        },\n        {\n          type: 'code',\n          name: 'jobPosition',\n          header: i18next.t('label.job-position'),\n          width: 100,\n          record: {\n            editable: true,\n            codeName: 'JOB_POSITION'\n          }\n        },\n        {\n          type: 'date',\n          name: 'hiredOn',\n          header: i18next.t('field.hired-on'),\n          width: 100,\n          record: {\n            editable: true\n          },\n          sortable: true\n        },\n        {\n          type: 'date',\n          name: 'retiredAt',\n          header: i18next.t('label.retired-at'),\n          width: 100,\n          record: {\n            editable: true\n          }\n        },\n        {\n          type: 'checkbox',\n          name: 'active',\n          label: true,\n          header: i18next.t('field.active'),\n          width: 70,\n          record: {\n            align: 'center',\n            editable: true\n          },\n          filter: true,\n          sortable: true\n        },\n        {\n          type: 'string',\n          name: 'note',\n          header: i18next.t('field.note'),\n          width: 200,\n          record: {\n            editable: true\n          },\n          filter: 'search'\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: false\n        }\n      },\n      sorters: [\n        {\n          name: 'controlNo'\n        }\n      ]\n    }\n\n    this.fetchDepartments()\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (this.active) {\n    }\n  }\n\n  async onSelect(e: CustomEvent) {\n    this.selected = e.detail as Department\n    this.grist.fetch()\n    this.updateContext()\n  }\n\n  async fetchEmployees({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n    if (this.selected) {\n      filters.push({\n        name: 'departmentId',\n        operator: 'eq',\n        value: this.selected.id\n      })\n    }\n\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: employees(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              controlNo\n              name\n              alias\n              type\n              jobResponsibility\n              jobPosition\n              active\n              email\n              phone\n              user {\n                id\n                name\n              }\n              department {\n                id\n                name\n                description\n              }\n              supervisor {\n                id\n                name\n                controlNo\n              }\n              note\n              hiredOn\n              retiredAt\n              contact {\n                id\n                email\n                phone\n                address\n              }\n              profile {\n                left\n                top\n                zoom\n                picture\n              }\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters,\n        pagination: { page, limit },\n        sortings\n      }\n    })\n\n    const records = response.data.responses.items\n    return {\n      total: response.data.responses.total || 0,\n      records\n    }\n  }\n\n  async fetchDepartments() {\n    const response = await client.query({\n      query: gql`\n        query {\n          responses: departmentRoots {\n            ...SubDepartmentFragment\n            children {\n              ...SubDepartmentFragment\n              children {\n                ...SubDepartmentFragment\n                children {\n                  ...SubDepartmentFragment\n                  children {\n                    ...SubDepartmentFragment\n                    children {\n                      ...SubDepartmentFragment\n                      children {\n                        ...SubDepartmentFragment\n                        children {\n                          ...SubDepartmentFragment\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        ${departmentFragment}\n      `\n    })\n\n    this.root = response.data.responses\n  }\n}\n"]}
+{"version":3,"file":"employees-by-department.js","sourceRoot":"","sources":["../../../client/pages/employee/employees-by-department.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-tree'\n\nimport { CommonButtonStyles, CommonHeaderStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView, store } 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 { DataGrist, FetchOption, GristRecord } from '@operato/data-grist'\n\nimport { connect } from 'pwa-helpers/connect-mixin'\nimport gql from 'graphql-tag'\n\nimport { DepartmentImporter } from '../department/department-importer'\nimport { Department } from '../../types/department'\n\nimport { EmployeeListPage } from './employee-list-page'\n\nconst departmentFragment = gql`\n  fragment SubDepartmentFragment on Department {\n    id\n    controlNo\n    name\n    description\n\n    manager {\n      id\n      name\n      controlNo\n      photo\n      email\n    }\n    active\n    state\n    picture\n\n    updater {\n      id\n      name\n    }\n    updatedAt\n  }\n`\n\n@customElement('employees-by-department')\nexport class EmployeesByDepartment extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: row;\n        overflow: auto;\n      }\n\n      ox-tree {\n        flex: 1;\n        overflow: auto;\n      }\n\n      ox-grist {\n        flex: 4;\n      }\n\n      ox-filters-form {\n        flex: 1;\n      }\n    `\n  ]\n\n  static get scopedElements() {\n    return {\n      'department-importer': DepartmentImporter\n    }\n  }\n\n  @query('ox-grist') private grist!: DataGrist\n  @property({ type: Object }) gristConfig: any\n\n  @state() root?: Department\n  @state() selected?: Department\n\n  @query('employee-list-page') employeeListPage!: EmployeeListPage\n\n  get context() {\n    return {\n      title: i18next.t('title.employees-by-department'),\n      actions: []\n    }\n  }\n\n  render() {\n    return html`\n      <ox-tree\n        .data=${this.root}\n        .selected=${this.selected}\n        @select=${this.onSelect.bind(this)}\n        label-property=\"name\"\n      ></ox-tree>\n\n      <ox-grist .config=${this.gristConfig} .fetchHandler=${this.fetchEmployees.bind(this)}>\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\">\n            <ox-filters-form autofocus></ox-filters-form>\n          </div>\n        </div>\n      </ox-grist>\n    `\n  }\n\n  async pageInitialized(lifecycle: any) {\n    this.gristConfig = {\n      pagination: { pages: [100] },\n      list: {\n        thumbnail: 'profile',\n        fields: ['controlNo', 'name'],\n        details: ['email', 'department', 'hiredOn', 'updatedAt']\n      },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        {\n          type: 'string',\n          name: 'controlNo',\n          header: i18next.t('field.control-no'),\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 105\n        },\n        {\n          type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 100\n        },\n        {\n          type: 'string',\n          name: 'alias',\n          header: i18next.t('label.alias'),\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 110\n        },\n        {\n          type: 'resource-object',\n          name: 'user',\n          header: i18next.t('field.user'),\n          record: {\n            editable: true,\n            options: {\n              title: i18next.t('title.lookup user'),\n              queryName: 'users',\n              basicArgs: { filters: [{ name: 'userType', operator: 'eq', value: 'user' }] },\n              descriptionField: 'email',\n              columns: [\n                { name: 'id', hidden: true },\n                { name: 'name', header: i18next.t('field.name'), filter: 'search' },\n                { name: 'email', header: i18next.t('field.email'), filter: 'search' }\n              ],\n              list: { fields: ['name', 'email'] }\n            }\n          },\n          sortable: true,\n          filter: false,\n          width: 100\n        },\n        {\n          type: 'code',\n          name: 'type',\n          header: i18next.t('field.type'),\n          width: 115,\n          sortable: false,\n          filter: false,\n          record: {\n            editable: true,\n            codeName: 'EMPLOYEE_TYPE'\n          }\n        },\n        {\n          type: 'department-object',\n          name: 'department',\n          header: i18next.t('field.department'),\n          record: {\n            editable: true\n          },\n          sortable: true,\n          filter: false,\n          width: 130\n        },\n        {\n          type: 'resource-object',\n          name: 'supervisor',\n          header: i18next.t('field.supervisor'),\n          record: {\n            editable: true,\n            options: {\n              title: i18next.t('title.employee list'),\n              queryName: 'employees',\n              pagination: { pages: [50, 100, 200] },\n              basicArgs: {\n                filters: [\n                  {\n                    name: 'active',\n                    operator: 'eq',\n                    value: true\n                  }\n                ]\n              },\n              list: { fields: ['controlNo', 'name', 'alias', 'hiredOn'] },\n              columns: [\n                { name: 'id', hidden: true },\n                {\n                  name: 'controlNo',\n                  width: 120,\n                  header: { renderer: () => i18next.t('field.control-no') },\n                  filter: 'search',\n                  sortable: true\n                },\n                {\n                  name: 'name',\n                  width: 120,\n                  header: { renderer: () => i18next.t('field.name') },\n                  filter: 'search',\n                  sortable: true\n                },\n                {\n                  name: 'alias',\n                  width: 150,\n                  header: { renderer: () => i18next.t('label.alias') },\n                  filter: 'search',\n                  sortable: true\n                },\n                {\n                  type: 'code',\n                  name: 'type',\n                  width: 110,\n                  header: { renderer: () => i18next.t('label.type') },\n                  record: {\n                    editable: false,\n                    codeName: 'EMPLOYEE_TYPE'\n                  }\n                },\n                {\n                  type: 'code',\n                  name: 'jobPosition',\n                  width: 110,\n                  header: { renderer: () => i18next.t('label.job-position') },\n                  record: {\n                    editable: false,\n                    codeName: 'JOB_POSITION'\n                  }\n                },\n                {\n                  type: 'code',\n                  name: 'jobResponsibility',\n                  width: 200,\n                  header: { renderer: () => i18next.t('label.job-responsibility') },\n                  record: {\n                    editable: false,\n                    codeName: 'JOB_RESPONSIBILITY'\n                  }\n                },\n                {\n                  type: 'date',\n                  name: 'hiredOn',\n                  header: { renderer: () => i18next.t('field.hired-on') },\n                  width: 100\n                }\n              ],\n              valueField: 'id',\n              nameField: 'name',\n              descriptionField: 'controlNo'\n            }\n          },\n          sortable: true,\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'email',\n          header: i18next.t('field.email'),\n          width: 200,\n          record: {\n            editable: false,\n            renderer: function (value, column, record, rowIndex, field) {\n              return record.contact ? record.contact.email : ''\n            }\n          },\n          sortable: true\n        },\n        {\n          type: 'string',\n          name: 'phone',\n          header: i18next.t('field.phone'),\n          width: 110,\n          record: {\n            editable: false,\n            renderer: function (value, column, record, rowIndex, field) {\n              return record.contact ? record.contact.phone : ''\n            }\n          },\n          sortable: true\n        },\n        {\n          type: 'code',\n          name: 'jobResponsibility',\n          header: i18next.t('label.job-responsibility'),\n          width: 175,\n          record: {\n            editable: true,\n            codeName: 'JOB_RESPONSIBILITY'\n          }\n        },\n        {\n          type: 'code',\n          name: 'jobPosition',\n          header: i18next.t('label.job-position'),\n          width: 100,\n          record: {\n            editable: true,\n            codeName: 'JOB_POSITION'\n          }\n        },\n        {\n          type: 'date',\n          name: 'hiredOn',\n          header: i18next.t('field.hired-on'),\n          width: 100,\n          record: {\n            editable: true\n          },\n          sortable: true\n        },\n        {\n          type: 'date',\n          name: 'retiredOn',\n          header: i18next.t('label.retired-at'),\n          width: 100,\n          record: {\n            editable: true\n          }\n        },\n        {\n          type: 'checkbox',\n          name: 'active',\n          label: true,\n          header: i18next.t('field.active'),\n          width: 70,\n          record: {\n            align: 'center',\n            editable: true\n          },\n          filter: true,\n          sortable: true\n        },\n        {\n          type: 'string',\n          name: 'note',\n          header: i18next.t('field.note'),\n          width: 200,\n          record: {\n            editable: true\n          },\n          filter: 'search'\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: false\n        }\n      },\n      sorters: [\n        {\n          name: 'controlNo'\n        }\n      ]\n    }\n\n    this.fetchDepartments()\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (this.active) {\n    }\n  }\n\n  async onSelect(e: CustomEvent) {\n    this.selected = e.detail as Department\n    this.grist.fetch()\n    this.updateContext()\n  }\n\n  async fetchEmployees({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n    if (this.selected) {\n      filters.push({\n        name: 'departmentId',\n        operator: 'eq',\n        value: this.selected.id\n      })\n    }\n\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: employees(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              controlNo\n              name\n              alias\n              type\n              jobResponsibility\n              jobPosition\n              active\n              email\n              phone\n              user {\n                id\n                name\n              }\n              department {\n                id\n                name\n                description\n              }\n              supervisor {\n                id\n                name\n                controlNo\n              }\n              note\n              hiredOn\n              retiredOn\n              contact {\n                id\n                email\n                phone\n                address\n              }\n              profile {\n                left\n                top\n                zoom\n                picture\n              }\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters,\n        pagination: { page, limit },\n        sortings\n      }\n    })\n\n    const records = response.data.responses.items\n    return {\n      total: response.data.responses.total || 0,\n      records\n    }\n  }\n\n  async fetchDepartments() {\n    const response = await client.query({\n      query: gql`\n        query {\n          responses: departmentRoots {\n            ...SubDepartmentFragment\n            children {\n              ...SubDepartmentFragment\n              children {\n                ...SubDepartmentFragment\n                children {\n                  ...SubDepartmentFragment\n                  children {\n                    ...SubDepartmentFragment\n                    children {\n                      ...SubDepartmentFragment\n                      children {\n                        ...SubDepartmentFragment\n                        children {\n                          ...SubDepartmentFragment\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        ${departmentFragment}\n      `\n    })\n\n    this.root = response.data.responses\n  }\n}\n"]}